IE6常见Bug16：其它bug

来源：博比管理系统 日期：2015-09-08 15:59:31 属于：浏览器兼容专题

1.最小高度

IE6 不支持min-height属性，但它却认为height就是最小高度。
解决方法：使用IE6不支持但其余浏览器支持的属性!important。  例： /*兼容各浏览器得最小高度实现*/ #container {min-height:200px; height:auto !important; height:200px;} 注意：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缓存这些图片： document.execCommand("BackgroundImageCache",false,true);

6.Overflow Bug

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