-->
2)应用星号HTML hack
在IE6及其更低版本中,有一个匿名的根元素,包围着html元素,因此可以利用该匿名根元素来讲特定的规则应用在IE6及其更低版本的浏览器上,如
* html { width: 1px; }
3)应用子选择器hack
利用子选择器不被IE老版本所理解的特性,创建只适用于现代浏览器的规则
html>body { background-image: url(bg.png); }
只有支持子选择器的浏览器才能应用该规则
3、常见BUG及其修复方法1)双外边距浮动bug??IE6及其更低版本
bug:任何浮动元素的外边距加倍
修复:将元素的display属性设置为inline
2)3像素文本偏移bug??IE6及其更低版本
bug:当一个非浮动元素与一个浮动元素相邻时,两个元素之间会自动添加一个3像素的间隙
修复:方法一:将非浮动元素设置为浮动;方法二:为非浮动元素设置规则:_zoom: 1; margin-left: value; _margin-left: value-3px; (注:zoom是触发布局,而下划线是针对IE7更低版本的hack)
3)IE6的躲猫猫bug
bug:一个浮动元素跟着一个非浮动元素,之后再跟着一个清除浮动元素,所有元素都包含在一个有背景颜色或背景图片的父元素中。非浮动元素会被父元素覆盖,重新加载才会出现。
修复:方法一:去掉父元素的背景颜色或图片;方法二:避免清除浮动元素与浮动元素接触;方法三:给父元素指定一个行高;方法四:将浮动元素和父元素的position属性设置为relative。
4)相对定位的元素中绝对定位错误??IE6及其更低版本
bug:相对定位的父元素中包含绝对定位的子元素,子元素定位时的参照物不是父元素而是视口。(IE6中相对定位的元素没有拥有布局)
修复:迫使相对定位父元素拥有布局(设置width或height,如 _height: 1%;)
查看更多关于CSS中常见的BUG调试_html/css_WEB-ITnose的详细内容...