iframe滚动条样式设置

最新推荐文章于 2023-11-04 10:19:26 发布
最新推荐文章于 2023-11-04 10:19:26 发布
阅读量1w 收藏 1
点赞数
文章标签： iframe xhtml html firefox 文档 框架

用frame框架做网页时候可以设置滚动条样式，但用iframe时候就不能正常显示

解决：把代码这句话<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">去掉就行了

 

原因：

SCROLLBAR属性只有ie支持，firefox都不支持， 把文档声明的这句去掉，文档就由xhtml1。0版变成了html 4。0了，
而xhtml要求标记名，属性名全部小写，显然上面的不符合xhtml标准，解决办法是将选择器由body换成html，总的来说，
这个问题和frame还是iframe标记是没有关系的，纯粹是个页面滚动条样式的问题，同时写代码时要注意符合xhtml规范。
代码：
html  
{  
        SCROLLBAR-FACE-COLOR: #e8e7e7; 
        SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
        SCROLLBAR-SHADOW-COLOR: #ffffff; 
        SCROLLBAR-3DLIGHT-COLOR: #cccccc; 
        SCROLLBAR-ARROW-COLOR: #03B7EC; 
        SCROLLBAR-TRACK-COLOR: #EFEFEF; 
        SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2; 
        SCROLLBAR-BASE-COLOR: #000000;          
}
MemoryBook
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5 iframe隐藏滚动条,教你在iframe标签中制作滚动条样式
weixin_36213934的博客
06-03 6133
首先让我们看看HTMLiframe标签中关于滚动条的去留和保存：iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢？一：去掉全部的滚动条第一个方法：iframe有一个scrolling属性，它有auto,yes,no这三个值。scrolling:auto-----在需要的时候滚动条出现...
iframe展示第三方页面修改滚动条样式
最新发布
为技术而生
03-25 970
iframe展示第三方页面修改滚动条样式。 iframe定义一个内联框架，常用于嵌套另一个网页，并且实现网页间的互联互通。 在非同源中由于安全策略，对一些功能限制较大。
iframe滚动条的样式
09-02 1075
用样式表控制IE中的滚动条. 自从dhtml出现以来，微软对dhtml功能的加强就没有停止过，在微软最新的游览器internet explorer 5.5的的ie5.5增加了许多新的样式表内容，对滚动条的样式进行修改也是其中之一，下面我们简单地介绍一下涉及浏览器滚动条的样式表
iframe不显示滚动条并且设置动态高度、添加内部样式和脚本
生而为人我很抱歉
11-04 799
【代码】iframe不显示滚动条并且设置动态高度、添加内部样式和脚本。
iframe滚动条样式
Silverlight,WPF,WCF
08-07 2047
Body { scrollbar-arrow-color: #f4ae21; /*三角箭头的颜色*/ scrollbar-face-color: #333; /*立体滚动条的颜色*/ scrollbar-3dlight-color: #666; /*立体滚动条亮边的颜色*/ scrollbar-highlight-color: #666; /*滚动条空白部分的颜色*/ scrollbar-shadow-color: #999; /*立体滚动条阴影的颜色*/ scrollbar-darkshadow-colo
JS去除iframe滚动条的方法
10-24
主要介绍了JS去除iframe滚动条的方法,涉及javascript操作iframe中属性的技巧,非常具有实用价值,需要的朋友可以参考下
滚动条样式设置
11-07
滚东条样式设置 不兼容火狐 可修改浏览器默认的滚动条 属用内核修改
layer弹出层 iframe层去掉滚动条的实例代码
10-18
例如，可以尝试在iframe的CSS样式中添加以下代码来全局禁用滚动条： ```css .layui-layer-iframe .layui-layer-content { overflow: hidden; } ``` 或者针对特定的iframe，添加id并应用样式： ```css #...
iframe在IE6下出现横向滚动条的解决方案
09-22
最近的项目中，遇到ie6下当iframe出现纵向滚动条时同时会出现横向滚动条。分析了代码，大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。
设置iframe滚动条的样式
07-08 1232
如果这么写 <iframesrc="1.html"width="300"height="300"></iframe> 那么在1.html的文件中加入 BODY{SCROLLBAR-FACE-COLOR:rgb(10,236,209);//滚动条凸出部分的颜色SCROLLBAR-HIGHLIGHT-...
HTML中滚动条各种样式示例
11-24
HTML中滚动条样式。
基于vue简单封装的iframe插件，可修改样式，隐藏滚动条
pikaz
11-11 3891
最近有空，就抽空把以前做过的公司业务组件慢慢抽离出来做成插件，也算是对近年来的技术方面做一个总结吧。 今天要写的是一个用vue-jsx封装的iframe插件，可修改iframe中的样式，隐藏滚动条，默认设置保证页面安全等功能。不想看想直接使用的话请前往项目处pikaz-iframe， 背景 由于公司爬取了一些文章，需要对文章进行展示，那么第一时间想到的当然就是iframe了，虽然它有这样那样的缺点，但不得不说还是一个方便快捷的解决方案。 iframe常用属性 参数 说明 frameborde
frameset设置滚动条
qq_40294641的博客
08-08 1691
使用frameset进行页面布局，但由于mian.html展示内容过多，在缩小浏览器时无法展示全部内容 且页面没有滚动条。页面代码如下 <frameset rows="88,*,20" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="top.jsp" name="topFrame" scro...
如何改变iframe滚动条的样式？
weixin_33859665的博客
03-24 3555
如何改变iframe滚动条的样式？ web前端开发 css javascript iframe html RayLiao 2014年11月19日提问 · 2014年11月20日更新 关注 4 关注 收藏 0 收藏，3.2k 浏览 问题对人有帮助，内容完整，我也想知道答案0问题没有实际价值，缺少关键内容，没有改进余地 通过...
HTML+CSS 滚动条样式自定义 - 适用于 div,iframe, html 等
weixin_30642029的博客
02-11 803
友言：这两天被滚动条整的无与伦比，在此做下总结： 首先自定义浏览器滚动条的实现原理：计算浏览器滚动条的高度，层级1的高度与滚动条的总高度是一样的，通过相似比例计算： 浏览器滚动条总高度 ：滚动条高度 = 层级② ：层级① => 关于实现自定义滚轮，首先要对整个布局进行了解： 1、1.需要显示的层级 和2.需要被滚动层级 的关系： 层级1 具有 溢出隐藏 ...
vue修改滚动条样式的方法
热门推荐
hn2752的博客
03-22 1万+
这篇文章主要介绍了vue修改滚动条样式,首先要知道，修改滚动条样式，利用伪元素-webkit-scrollbar。下面来看看文章内容的具体实现吧 目录 首先要知道，修改滚动条样式，利用伪元素-webkit-scrollbar。 注意，::-webkit-scrollbar仅仅支持WebKit的浏览器(例如谷歌Chrome、苹果Safari)。 其次还需要了解滚动条的一些组成： ::-webkit-scrollbar 滚动条整体部分，可以设置宽度等 ::-webkit-scrollbar-t.
利用jquery和BootStrap实现动态滚动条效果
zhaosx1234567的博客
11-24 3090
在某项目中遇到excel导入时客户要求显示滚动条效果，在此基础上使用js为其封装了个进度条类，只需要简单为其创建个div容器就可轻松实现效果，类具体如下：   &lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt;     &lt;head&gt;         &lt;meta charset="utf-8" /&gt;         &lt;me
iframe 预览pdf 修改滚动条样式
05-12
可以使用CSS样式来修改iframe中PDF预览的滚动条样式。具体操作如下： 1.首先，在CSS中添加以下代码： ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background-color: #f5f5f5; } ::-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值