区别不同浏览器，CSS hack写法

最新推荐文章于 2021-08-04 03:28:33 发布

最新推荐文章于 2021-08-04 03:28:33 发布 · 80 阅读

文章标签：

#浏览器 #CSS #Firefox #IE

本文介绍了一种利用CSS特殊语法实现浏览器兼容性的方法，通过不同的背景颜色设置区分IE6、IE7及Firefox浏览器。该方法利用了各浏览器对CSS解析的不同特性，包括IE6对*号选择器的支持而忽略!important，IE7对两者都支持，而Firefox仅支持!important但忽略*号选择器。

区别IE6 与FF ：

background:orange ;* background:blue ;

区别IE6 与IE7 ：

background:green !important ;background:blue ;

区别IE7 与FF ：

background:orange ; * background:green ;

区别FF ，IE7 ，IE6 ：

background:orange ;* background:green !important ;*background:blue ;

注：IE都能识别*;标准浏览器(如FF)不能识别*；

IE6能识别*，但不能识别 !important,

IE7能识别*，也能识别!important;

FF不能识别*，但能识别!important;

	IE6	IE7	FF
*	√	√	×
!important	×	√	√

另外再补充一个，下划线"_ ",
IE6支持下划线，IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6 ，IE7 ，firefox
: background:orange ;* background:green ;_ background:blue ;

注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。