网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/12/28 浏览:3 次 )
原因:在该页面元素的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;
}
上一篇:IE6 两个div有间隙的问题(IE 3px bug)
下一篇:span margin 设置生效
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。