css ie浏览器兼容问题

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

解决办法很简单,就是将盒子的字号,设置小(小于盒子的高),比如0px

 

1 height: 4px;

2 _font-size: 0px;

 

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

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;清除浮动的时候。

 

posted on 2018-11-27 10:55  xxcxxc  阅读(252)  评论(0编辑  收藏  举报