当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 解决IE6 3像素Bug的css写法

CSS样式表
以图换字的几个方法及思路
使用有趣的自定义标记布局页面
改进网页可读性的7个方法
div做细线表格,很强悍
CHM集锦(CHM)
IE与FireFox的兼容性问题
DIV 居中的绝好解决方法
解决 select 挡住div的解决方法
如何处理多国语言
Firefox CSS私有属性备忘记录
CSS兼容要点分析
滚动条效果
层自动适应高度
让2个DIV居中并排显示
会移动的文字(Marquee)
web标准常见问题集合
DIV+CSS 简单的导航条
web标准常见问题集合2
web标准常见问题集合3
用CSS打造 抽屉菜单

CSS样式表 中的 解决IE6 3像素Bug的css写法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 196 ::
收藏到网摘: n/a

当浮动元素与非浮动元素相邻时,这个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。
此前采用非浮动元素也浮动的方法修复bug,现在我们可以试试这个新的方法了!
注:前面的下划线是专门写给IE7以下版本的hack!