CSS 区分IE6，IE7，firefox

最近被外派到一个公司来做UI，主要是做DIV+CSS的布局，这东西，说难也不难，就是太繁琐了～

兼容多浏览器，调起来非常费神～也耗时间，刚在网上看了一片文章，挺管用的～转载过来先，呵呵～

 

 

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

 

区别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的写在最后面。

 

 

转自：http://www.div-css.com