当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > html 滚动条在IE6和IE7中兼容性问题

CSS样式表
面向对象的CSS应用
css 文字按钮实现样式submit按钮以文本的形式显示出来
CSS 选择符的用法和实例
CSS a:hover伪类在IE6下的问题
IE6下CSS定义DIV高度的问题
CSS网页实例 利用box-sizing实现div仿框架结构实现代码
CSS样式表与HTML网页的关系分析
设计稿进行页面制作的流程和注意事项
CSS压缩的技巧与工具
CSS @font-face属性实现在网页中嵌入任意字体
通过css样式控制单元格文本超长省略
运用比较纯的CSS打造很Web2.0的按钮
CSS expression 隔行换色效果
CSS 制作有弹性的日历表
CSS Cookbook创建水平导航菜单
CSS Cookbook 创建文字导航菜单和翻转特效
区别div和span、relative和absolute、display和visibility
让页脚紧贴页面底部的CSS代码
Firefox下div层被Flash遮住的解决方法
ins标签什么时候使用

CSS样式表 中的 html 滚动条在IE6和IE7中兼容性问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 416 ::
收藏到网摘: n/a

原因:在该页面元素的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;   
}