浏览器CSS Hack

本文详细介绍了浏览器特别是IE系列中存在的CSShack及其用途,强调了文档模式的重要性,并提供了适用于不同浏览器的CSShack实例。

浏览器特别是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" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值