css ie浏览器兼容问题

第一，IE6，不支持小于12px的盒子，任何小于12px的盒子，在IE6中看都大

解决办法很简单，就是将盒子的字号，设置小（小于盒子的高），比如0px。

 

1 height: 4px;

2 _font-size: 0px;

 

我们现在介绍一下浏览器hack。hack就是“黑客”，就是使用浏览器提供的后门，针对某一种浏览器做兼容。 

IE6留了一个后门，就是只要给css属性之前，加上下划线，这个属性就是IE6认识的专有属性。

比如：_

解决微型盒子，正确写法：

 

1 height: 10px;

2 _font-size:0;

 

第二，IE6不支持用overflow:hidden;来清除浮动的 

解决办法，以毒攻毒。追加一条

1 _zoom:1;

完整写法： 

 

1 overflow: hidden;

2 _zoom:1;

 

 实际上，_zoom:1;能够触发浏览器hasLayout机制。这个机制，不要深究了，因为就IE6有。

强调一点， overflow:hidden;的本意，就是溢出盒子的border的东西隐藏，这个功能是IE6兼容的。不兼容的是overflow:hidden;清除浮动的时候。