解决IE6 3像素Bug的css写法
2008-10-18 22:04
901 查看
只要触发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!
_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!
相关文章推荐
- 解决IE6 3像素Bug的css写法
- DIV+CSS:IE6的3像素bug解决心得
- 【转】 IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- IE6的3像素BUG产生条件及解决方法
- ie6,ie7,ie8 css bug兼容解决记录
- IE6下CSS背景图片有闪动BUG解决 图片缓存
- ie6,ie7,ie8 css bug汇总以及兼容解决方法
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总
- ie6,ie7,ie8 css bug兼容解决记录
- 解决IE6下CSS背景图片闪烁的Bug
- IE6的3像素BUG产生条件及解决方法
- 解决 ie6 fixed bug (css+js)
- 一行CSS代码解决IE6 浮动层 抖动BUG
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- 解决CSS背景图片闪动和重复加载的IE6BUG
- ie6,ie7,ie8 css bug汇总以及兼容解决方法
- 解决IE6、IE7、IE8、Firefox CSS兼容性的 Hack 写法【记录下来,以后可以使用】
- 【IE BUG】 CSS/HTML解决在IE6浏览器下显示文字重复
- ie6,ie7,ie8 css bug兼容解决记录