html 滚动条在IE6和IE7中兼容性问题
网站建设 2021-07-03 08:42www.dzhlxh.cn网站建设
原因：在该页面元素的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;
}