您现在的位置是：网站首页> 编程资料编程资料
html 滚动条在IE6和IE7中兼容性问题 _浏览器兼容教程_CSS_网页制作_
2021-09-09
862人已围观
简介 具体的表现就是页面元素（这里以table为例）的滚动条在IE7中正常显示，在IE6中不显示。
原因：在该页面元素的css样式中没有加对该元素显示的大小限制（高度height或宽度width。
解决方法：在css中增加对包含滚动条的页面元素的显示大小限制。
例子：
以下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中增加对包含滚动条的页面元素的显示大小限制。
例子：
复制代码
代码如下:以下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;
}
相关内容
- span margin 设置生效 _CSS教程_CSS_网页制作_
- css 背景样式属性说明_CSS教程_CSS_网页制作_
- 网页设计学习教程 CSS盒模型_CSS教程_CSS_网页制作_
- 网页制作学习教程 CSS Position_CSS教程_CSS_网页制作_
- 创造100% 自适应css布局的行之有效的方法_CSS布局实例_CSS_网页制作_
- HTML5和CSS3让网页设计提升到下一个高度_css3_CSS_网页制作_
- CSS 多列布局问题简单解决方案_CSS布局实例_CSS_网页制作_
- IE的CSS制作网页技巧3则_CSS教程_CSS_网页制作_
- 网页设计应该熟知的CSS 3.0技术_CSS教程_CSS_网页制作_
- CSS 网页图文混排的10个技巧_CSS教程_CSS_网页制作_
