浏览器CSS兼容问题汇总及解决_html/css_WEB-ITnose

由于公司项目要求兼容到IE6，这之中遇到不少CSS兼容性问题，所以就在博客汇总下来，以后在项目中遇到新的兼容性问题，也会在这里更新。

1.IE6下height属性会失效

问题描述： 在IE6下，即使块级元素设置了高度，但若元素内部的内容超出设置高度，内部内容会把该块级元素高度撑开， height 失效。

解决方法： 对该块级元素设置 overflow:hidden;

2.div存在最小高度

问题描述： 在IE6下，块级元素会存在大概是13px默认最小高度，即使是空的 div 标签或者 height 属性设置比13px小，也无济于事，这是因为IE6会默认 font-size:13px; ，即使是空 div ，也会被撑开，呈现13px的最小高度。

解决方法： 设置 font-size:0; 或者 overflow:hidden;

3.IE6下png图片背景不透明

问题描述： 在IE7下，png图片背景会呈现灰色，而不是透明。

问题解决： 解决方法有多种，我只列出我常用的两种：

　　　　　1.用插件解决，插件地址及调用方法如下所示：

    DD_belatedPNG.fix('.head img,.nav_phone img,.search,.qq img');   

　　　　 2.将图片保存成gif格式

4.IE6下设置了position:absolute;的元素不显示

问题描述： IE6下，设置了 position:absolute; 的元素有可能不显示，原因未明。

问题解决： 在该元素后面加个空的div标签，

查看更多关于浏览器CSS兼容问题汇总及解决_html/css_WEB-ITnose的详细内容...