首页 > 代码库 > ie6的兼容问题及解决方案
ie6的兼容问题及解决方案
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;
ie6的兼容问题及解决方案