IE6常见Bug3:3像素bug
当浮动元素与非浮动元素相邻时,这个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中浏览的效果图如下:
解决方案:
只要触发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中浏览的效果图如下:
上一文章: IE6常见Bug4:图片链接无效
下一文章:IE6常见Bug2:双边距问题
相关文章
- 2015-09-08IE6常见Bug6:定位位置错误
- 2015-09-08 IE6常见Bug5:表单元素偏离
- 2015-09-08 IE6常见Bug4:图片链接无效
- 2015-09-08IE6常见Bug2:双边距问题
- 2015-09-08IE6常见Bug1:透明问题