欢迎访问一虎网络旗下产品一虎网络官方网站!
一虎网络

IE6常见Bug16:其它bug

来源:一虎网络 日期:2015-09-08 15:59:31 属于:浏览器兼容专题

1.最小高度

IE6 不支持min-height属性,但它却认为height就是最小高度。
解决方法:使用IE6不支持但其余浏览器支持的属性!important。  例: 注意:IE6不支持min-height和!important,会直接被忽略。


2.IE6100% 高度

在IE6下,如果要给元素定义100%高度,必须要明确定义它的父级元素的高度,如果你需要给元素定义满屏的高度,就得先给html和body定义height:100%;
注意:此bug主要针对父层元素为body,如果是父层是div,在ie6默认有19像素的高度。


3.样式中文注释后引发失效

这是ie6 出现的奇怪现象。这是由于css 和html 的编码不同所引致。
满足下面条件就会引起 注释下面的样式不起作用:
(1) css有中文注释
(2) css为ANSI编码
(3) html为utf-8编码
解决方案:
(1) 去掉中文注释,用英文注释
(2) 统一css 和 html 的编码(建议采用第二种解决方法),建议都使用utf-8编码
注意: css为uft-8 html 为ANSI 不会出现失效的情况。


4.内部盒模型超出父级时,父级被撑大

内部盒模型超出父级时,父级被撑大。解决方法:父标签使用overflow:hidden


5.背景闪烁

如果你给链接、按钮用CSS sprites作为背景,你可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存,每次触发hover的时候都会重新加载,可以用JavaScript设置IE6缓存这些图片:


6.Overflow Bug

在IE6/7中,overflow无法正确的隐藏有相对定位position:relative;的子元素。解决方法就是给外包容器.wrap加上position:relative;。