区分 IE6 / IE7 /IE8 /Firefox

秋子淡无痕

演示的CSS代码如下：

1. p.ie{
   
2. height:60px;text-align:center;line-height:60px;border:1px dashed #bbb;background:#f7f7f7;font:15;
   
3. color:blue; // 所有浏览器
   
4. color:brown\9; // 所有IE浏览器
   
5. +color:red; // IE7
   
6. _color:green; // IE6
   
7. }

复制代码

1. <p class="ie">
   
2. <span style="display:block;display:none\9;">嘿嘿，小子竟然也用Firefox，蓝色文字。</span>
   
3. <!–[if IE 8]>不错不错，挺先进的嘛，使用IE8呢！文字是褐色的。<![endif]–>
   
4. <!–[if IE 7]>你，IE7，红色文字！<![endif]–>
   
5. <!–[if IE 6]>孩子，虽然显示的是绿色文字，不过，IE6可不是好东西呢！<![endif]–>
   
6. </p>

复制代码

转自：http://www.happinesz.cn/archives/1064/

一日只吃三顿

全是IE核心

admin

有Firefox

一日只吃三顿

火狐及不上IE8

秋子淡无痕

区别不同浏览器的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 FF
* √ √ ×
!important × √ √
_ √ × ×

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

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