ie6的兼容问题及解决方案

时间:2022-06-17 05:10:03

1、png24位的图片在ie6浏览器上会出现背景,解决方案是做成png8位;

2、浏览器默认的margin和padding不同,解决方法是用全局重置来统一,即是*{margin:0;padding:0}

3、对于块元素,给了横行的margin值,和浮动float,在ie6中会产生双边距问题,解决方法是转行内元素,eg:#box{

float:left; width:10px; margin:0 0 0 10px;_display:inline}在这种情况下ie6会产生20px的边距;

4、

渐进识别的方式,从总体中逐渐排除局部。

\9:IE9以下,不含IE9

+:IE8以下

_:IE7以下

*:IE6、7

例如 .bb{

background-color:#f1ee18;/*所有识别*/

.background-color:#00deff\9; /*IE6、7、8识别*/

+background-color:#a200ff;/*IE6、7识别*/

_background-color:#1e0bd1;/*IE6识别*/

}

5、chrome中文界面下默认会将小于font—size=12px的文本强制按照12px显示,可通过加入css{-webkit-text-size-adjust:none}

6、ie6不支持fixed定位;

7、ie6的三像素bug

_zoom:1;margin-left:value;_margin-left:value-3px;

8、为什么无法定义1px左右高度的容器?

ie6本身有默认行高

解决方法有很多,比如overflow:hidden;zoom:0.08;line-height:1px;