区分ie6,ie7,firefox的css hack

所属分类:Css 2009-10-15,11:12 337 views

区分ie6,ie7,firefox的css hack的有许多种写法,这里推荐的写法可以通过W3C的CSS校验。

1.区分ie6,ie7,firefox
#abc{
background:orange
}/*标准样式,三种浏览器都能理解*/
*+html #abc{
background:green
}/*IE7独有HACK,只有IE7可以理解,后复盖前,所以IE7会使用这个样式*/
* html #abc{
background:blue
}/*IE6独有HACK,只有IE6可以理解,后复盖前,所以IE6会使用这个样式*/

2.区分ie6和ie7,firefox(ie7与firefox效果同)
#abc{
background:orange !important;background:blue
} /*!important有优先作用,并且IE7和FF都能理解这个HACK,所以此样式在IE7与FF下应该解析为橙色,IE6应该解析为蓝色*/

以上就是区分ie6,ie7,firefox的css hack的推荐写法。

以下写法不推荐:
比较普遍的就是*和_写法!
用这种写法去区分IE6和IE7以及FF,如
#abc{background:orange;*background:green;_background:blue;}

Leave a Reply