html 滚动条在IE6和IE7中兼容性问题

两岸青山对峙,绿树滴翠。一个真正的旅行家必是一个流浪者,经历者流浪者的快乐诱惑和探险意志。旅行必须流浪式,否则便不成其为旅行。
原因:在该页面元素的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;
}

到此这篇关于html 滚动条在IE6和IE7中兼容性问题就介绍到这了。世间的捷径只有一条——正道!更多相关html 滚动条在IE6和IE7中兼容性问题内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
前端项目修改默认滚动条样式(小结)

纯css修改浏览器scrollbar滚动条样式示例

详解如何自定义CSS滚动条的样式

CSS 设置滚动条样式的实例代码

CSS3 Calc如何实现滚动条出现页面不跳动问题