csshack技巧-论浏览器的兼容性

《csshack技巧-论浏览器的兼容性》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、兼容范围：IE:6.0+，FireFox:2.0+，Opera10.0+，Sarari3.0+，Chrome参考资料：各游览器常用兼容标记一览表:标记IE6IE7IE8FFOperaSarari[*+><]√√XXXX_√XXXXX9√√√XXXXX√X√X@mediascreenand(-webkit-min-device-pixel-ratio:0){.bb{}}XXXXX√.bb,x:-moz-any-link,x:defaultX√X√(ff3.5及以下)XX@-moz-documenturl-p

2、refix(){.bb{}}XXX√XX@mediaalland(min-width:0px){.bb{}}XXX√√√*+html.bb{}X√XXXX游览器内核TridentTridentTridentGeckoPrestoWebKit（以上.bb可更换为其它样式名）注意点：网上很多资料中常常把!important也作为一个hack手段，其实这是一个误区。!important常常被我们用来更改样式，而不是兼容hack。造成这个误区的原因是IE6在某些情况下不主动识别!important,以至于常常被人误用做

3、识别IE6的hack。可是，大家注意一下，IE6只是在某些情况下不识别（ie6下，同一个大括号里对同一个样式属性定义，其中一个加important则important标记是被忽略的，例：{background:red!important;background:green;}ie6下解释为背景色green，其它浏览器解释为背景色red；如果这同一个样式在不同大括号里定义，其中一个加important则important发挥正常作用，例：div{background:red!important}div{backgr

4、ound:green}，这时所有浏览器统一解释为背景色red。）实例讲解：Hack应用情境（一）适用范围：IE:6.0,IE7.0,IE8.0之间的兼容实例说明：此例中我们使用了渐进识别的方式，从总体中逐渐排除局部。首先，巧妙的使用“9”这一标记，将IE游览器从所有情况中分离出来。接着，再次使用“+”将IE8和IE7、IE6分离开来，此时，我们的IE8已经独立识别。实例代码：.bb{height:32px;background-color:#f1ee18;/*所有识别*/.background-color:#

5、00deff9;/*IE6、7、8识别*/+background-color:#a200ff;/*IE6、7识别*/_background-color:#1e0bd1;/*IE6识别*/}/*一个用于展示的class为bb的div标签*/