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中兼容性问题