html 滚动条在IE6和IE7中兼容性问题
发布时间：2009-07-25 10:23:45 作者：佚名 
我要评论
我要评论具体的表现就是页面元素（这里以table为例）的滚动条在IE7中正常显示，在IE6中不显示。
原因：在该页面元素的css样式中没有加对该元素显示的大小限制（高度height或宽度width。
解决方法：在css中增加对包含滚动条的页面元素的显示大小限制。
例子：
<div>
<table class="scrollBarDiv">
...................................
</table>
</div>
以下css在IE6中滚动天不显示，但在ie7中正常显示
div.scrollBarDiv
{
SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-FACE-COLOR:#74b4e4;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
}
以下css在IE6和IE7中均正常显示
div.scrollBarDiv
{
width:790px;
SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-FACE-COLOR:#74b4e4;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
}
解决方法：在css中增加对包含滚动条的页面元素的显示大小限制。
例子：
复制代码
代码如下:<div>
<table class="scrollBarDiv">
...................................
</table>
</div>
以下css在IE6中滚动天不显示，但在ie7中正常显示
div.scrollBarDiv
{
SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-FACE-COLOR:#74b4e4;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
}
以下css在IE6和IE7中均正常显示
div.scrollBarDiv
{
width:790px;
SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-FACE-COLOR:#74b4e4;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
}
相关文章
- html中如何设置超出部分自动显示滚动条，下面为大家详细介绍下让div中的内容超出后自动显示滚动条具体实现，感兴趣的朋友不要错过2014-02-18
- 本文为大家介绍下关于HTML中的滚动条/去掉滚动条问题，下面有个不错的示例，大家可以参考下2014-02-18
- 局部出现滚动条,这样就不会破坏整体的样式和布局了，下面有个不错的示例，大家可以拷贝代码到文本文档修改文本后缀名,txt 为 .html 预览效果2013-10-18
- 在网页中删除一些东西的时候滚动条往往还在删除东西之前的位置，而不是非常不人性化的跑到那一页的顶部，那么这是怎么实现的呢？下面就给大家来分享一些其他关于html滚动条2013-06-16
html与嵌入其中的flash均存在滚动条的情况分析及处理方法
a.swf被添加到网页中, a.swf和html页面同时存在滚动条, 项目经理提了一个BT的需求---处理a.swf鼠标滚动的时候html页面不执行滚动, 反之则执行html页面的滚动,遇到此问题的2013-01-23- 本文介绍html滚动条 textarea属性设置:overflow内容溢出时的设置,scrollbar-3d-light-color立体滚动条亮边的颜色等等相关设置,有需要的朋友可以详细参考下，希望对你们有帮2013-01-04
- 这篇文章主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-01
最新评论