全网云cms网站管理系统

IE6常见Bug16：其它bug

来源：全网云cms网站管理系统 日期：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;。

上一浏览器兼容专题：IE6常见Bug15：多类选择器

下一浏览器兼容专题：IE6常见Bug10：图片下面有空隙