CSS hacker使用小结(兼容IE6、7、8)

1. 引言

在前端开发中，CSS是必不可少的一部分，为了兼容各种浏览器，特别是IE6、7、8等老旧浏览器，我们需要做一些hack来解决兼容性问题。本文将带大家一起了解和学习CSS hacker的相关知识。

2. 选择器hack

CSS选择器是实现CSS样式的重要手段，而选择器hack可以根据不同的浏览器来针对不同的选择器属性值，以达到兼容的目的。

2.1 IE6 hack

针对IE6，我们可以使用下划线\_符号来实现选择器hack。例如：

pre code {
    color:000;
    _color:fff; /*只针对IE6有效*/
}

2.2 IE7 hack

针对IE7，我们可以使用星号\*来实现选择器hack。例如：

pre * html code {
    color:000;
}

2.3 IE6、7 hack

针对IE6和IE7，我们可以使用下划线和星号组合来实现选择器hack。例如：

pre code {
    color:000;
    *color:fff; /*针对IE7有效*/
    _color:f00; /*针对IE6有效*/
}

3. 属性值hack

不同的浏览器对于CSS属性值的解释也有所不同，我们可以利用这一点来实现hack。

3.1 IE6、7 hack

针对IE6和IE7，我们可以采用\9这种方式来解决属性值兼容的问题。例如：

pre code {
    color:000\9; /*针对IE6、7有效*/
}

3.2 IE6 hack

针对IE6，我们可以使用背景图hack来解决属性值兼容的问题。例如：

pre code {
    background:000 url(./bg.gif) no-repeat left top\9; /*只针对IE6有效*/
}

4. 高级hack

对于一些复杂的CSS兼容问题，我们还可以采用一些高级的hack方式。

4.1 IE6 hack

针对IE6，我们可以采用CSS表达式的方式来实现hack。例如：

pre code {
    color:000;
    color:expression(document.body.scrollTop > 100 ? "f00" : "000"); /*只针对IE6有效*/
}

4.2 IE6、7 hack

针对IE6和IE7，我们可以使用IE条件注释来实现hack。例如：

pre code {
    color:000;
    }
 <!--[if IE 6]>
    
 

5. 总结

本文简要介绍了CSS hacker的基本知识，如选择器hack、属性值hack和高级hack等内容。希望能对大家在实际开发中遇到的CSS兼容性问题提供一些帮助。