浏览器CSS Hack

浏览器特别是IE系列浏览器存在着一些css hack，这些hack虽然是不太规范的css用法，但是在某些时候却能针对解决一些问题提供便捷的解决方案。可能有些时候会使用IE条件注释来处理针对不同浏览器的显示处理，但是IE条件注释的执行与否会受到“浏览器模式”的影响，但是真正影响浏览器中css和javascript解析的确是“文档模式”，因此有些时候使用css hack可能是更保险乃至简便的解决方案。

css hack主要存在于IE系列浏览器，因此使用css hack的大部分情况也是为了去处理IE浏览器。非IE系列浏览器同样也存在一些css hack。
1、只有IE6可以正确解析执行的css hack

/在css属性前使用下划线(_)可以使此css属性在IE6中被解析执行/
_color: red;
2、IE6IE7可以正确解析执行的css hack

/在css属性前使用星号()可以使此css属性在IE6、IE7中被解析执行/
color: red;
3、IE8IE9可以正确解析执行的css hack

/在css属性值后紧跟一个正斜杠可以使此css属性在IE8+浏览器中被解析执行/
color: red;
4、只有IE9可以正确解析执行的css hack

/在css属性值后紧跟一个正斜杠9一个正斜杠0可以使此css属性在IE9中被解析执行/
color: red9;
5、IE6+可以正确解析执行的css hack

/在css属性值后紧跟一个正斜杠9(9)可以使此css属性在IE6+浏览器中被解析执行/
color:red9;
6、webkit内核浏览器(chromesafari)和IE6IE7可以解析执行的css hack

/css属性前使用左方括号加分号([;)可以使此css属性在webkit浏览器和IE6、IE7中被解析执行/
[;color:red;

注:以上css hack的hack添加方式可以适用于对应浏览器的所有css样式，有时为了达到某些效果可能同时结合使用针对多个浏览器的css hack，以上css hack并未针对所有浏览器进行测试(如opera)。

转载于:https://my.oschina.net/jonetwelve/blog/617163