当前位置:主页 > 查看内容

解决IE6 3像素Bug的css写法

发布时间:2021-04-18 00:00| 位朋友查看

简介:只要触发IE的hasLayout,非浮动元素就会拥有布局。所以,利用IE6特有的hack规则,为它单独写样式就可修复此问题: _zoom:1; margin-left: value; _margin-left: value-3px; zoom 是IE触发Layout条件之一,因为它是IE特有的CSS规则,所以采用zoom。 margin-le……
只要触发IE的hasLayout,非浮动元素就会拥有布局。所以,利用IE6特有的hack规则,为它单独写样式就可修复此问题:
_zoom:1;
margin-left: value;
_margin-left: value-3px;

zoom 是IE触发Layout条件之一,因为它是IE特有的CSS规则,所以采用zoom。
margin-left: value-3px 是修复IE6 中3px 的bug。
此前采用非浮动元素也浮动的方法修复bug,现在我们可以试试这个新的方法了!
注:前面的下划线是专门写给IE7以下版本的hack!

本文转载自网络,原文链接:https://m.jb51.net/article/16208.htm
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!

推荐图文


随机推荐