欢迎访问一虎网络旗下产品一虎网络官方网站!
一虎网络

IE6常见Bug3:3像素bug

来源:一虎网络 日期:2015-09-08 14:26:48 属于:浏览器兼容专题
当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现,它会偏移3像素。
解决方案:
只要触发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。注:前面的下划线是专门写给IE7以下版本的hack!
在IE6中浏览的效果图如下: