浏览器CSS Hack

来源:互联网 发布:人工智能 电子书 编辑:程序博客网 时间:2024/06/03 05:31

浏览器特别是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、IE6\IE7可以正确解析执行的css hack

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

3、IE8\IE9可以正确解析执行的css hack

/*在css属性值后紧跟一个正斜杠0(\0)可以使此css属性在IE8+浏览器中被解析执行*/
color: red\0;

4、只有IE9可以正确解析执行的css hack

/*在css属性值后紧跟一个正斜杠9一个正斜杠0(\9\0)可以使此css属性在IE9中被解析执行*/
color: red\9\0;

5、IE6+可以正确解析执行的css hack

/*在css属性值后紧跟一个正斜杠9(\9)可以使此css属性在IE6+浏览器中被解析执行*/
color:red\9;

6、webkit内核浏览器(chrome\safari)和IE6\IE7可以解析执行的css hack

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

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


<script type="text/javascript"><!--google_ad_client = "ca-pub-1944176156128447";/* cnblogs 首页横幅 */google_ad_slot = "5419468456";google_ad_width = 728;google_ad_height = 90;//--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
原创粉丝点击