繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 解决IE6 3像素Bug的css写法
- CSS样式表
- 间距浮动与对齐的最佳方案
- Web开发期待的CSS的一些功能
- CSS网页设计：百分比进行背景图片定位
- CSS缩写6个图例总结
- 五条非常重要的CSS技巧
- CSS入门:XHTML文档结构树
- WEB2.0的五个技术点:单手定则
- 完美网页应该适应不同人群
- CSS教程：vertical-align的值
- CSS样式表渐进增强的基本概念
- css sprites把很多小图集成在一张图片上
- 介绍CSS3使用技巧5个
- CSS3教程(2):网页边框半径和网页圆角
- CSS3教程(3):border-color网页边框色彩
- CSS3教程(4):网页边框和网页文字阴影
- CSS3教程(5):网页背景图片
- CSS3教程(6):创建网站多列
- CSS3教程(7):CSS3嵌入字体
- CSS3教程(8):CSS3透明度指南
- CSS3教程(9):设置RGB颜色
CSS样式表 中的 解决IE6 3像素Bug的css写法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 190 ::
收藏到网摘: 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！
评论 (0) All
