ie6的兼容问题及解决方案

Posted 2020-08-22 超级菜鸟-欢欢

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;