区别 IE6、 IE7、IE8、Firefox

1. 区别 IE 和非 IE 浏览器

#tip {
background:blue; /* 非 IE  背景藍色 */
background:red \9; /*IE6 、 IE7 、 IE8 背景紅色 */
}

2. 区别 IE6,IE7,IE8,FF

【区别符号】：「 \9 」、「 * 」、「 _ 」
【示例】：

#tip {
background:blue; /*Firefox  背景变蓝色 */
background:red \9; /*IE8  背景变红色 */
*background:black; /*IE7  背景变黑色 */
_background:orange; /*IE6  背景变橘色 */
}

【说明】：因为 IE 系列浏览器可读「 \9 」，而 IE6 和 IE7 可读「 * 」 ( 米字号 ) ，另外 IE6 可辨识「 _ 」 ( 底线 ) ，因此可以依照顺序写下来，就 会让浏 览器正确的读取到自己看得懂得 CSS 语法，所以就可以有效区分 IE 各版本和非 IE 浏览器 ( 像是 Firefox 、 Opera 、 Google Chrome 、 Safari 等 ) 。

3. 区别 IE6 、 IE7 、 Firefox ( 方法 1)

【区别符号】：「 * 」、「 _ 」
【示例】：

#tip {
background:blue; /*Firefox 背景变蓝色 */
*background:black; /*IE7  背景变黑色 */
_background:orange; /*IE6  背景变橘色 */
}

【说明】： IE7 和 IE6 可读「 * 」 ( 米字号 ) ， IE6 又可以读「 _ 」 ( 底线 ) ，但是 IE7 却无法读取「 _ 」，至于 Firefox( 非 IE 浏览器 ) 则完全 无法辨识「 * 」和「 _ 」，因此就可以透过这样的差异性来区分 IE6 、 IE7 、 Firefox

4. 区别 IE6 、 IE7 、 Firefox ( 方法 2)

【区别符号】：「 * 」、「 !important 」
【示例】：

#tip {
background:blue; /*Firefox  背景变蓝色 */
*background:green !important; /*IE7  背景变绿色 */
*background:orange; /*IE6  背景变橘色 */
}

【说明】： IE7 可以辨识「 * 」和「 !important 」，但是 IE6 只可以辨识「 * 」，却无法辨识「 !important 」，至于 Firefox 可以 读取「 !important 」但不能辨识「 * 」因此可以透过这样的差异来有效区隔 IE6 、 IE7 、 Firefox 。

5. 区别 IE7 、 Firefox

【区别符号】：「 * 」、「 !important 」
【示例】：

#tip {
background:blue; /*Firefox  背景变蓝色 */
*background:green !important; /*IE7  背景变绿色 */
}

【说明】：因为 Firefox 可以辨识「 !important 」但却无法辨识「 * 」，而 IE7 则可以同时看懂「 * 」、「 !important 」，因 此可以 两个辨识符号来区隔 IE7 和 Firefox 。

6. 区别 IE6 、 IE7 ( 方法 1)

【区别符号】：「 * 」、「 _ 」
【示例】：

#tip {
*background:black; /*IE7  背景变黑色 */
_background:orange; /*IE6  背景变橘色 */
}

【说明】： IE7 和 IE6 都可以辨识「 * 」 ( 米字号 ) ，但 IE6 可以辨识「 _ 」 ( 底线 ) ， IE7 却无法辨识，透过 IE7 无法读取「 _ 」的特性就能轻 鬆区隔 IE6 和 IE7 之间的差异。

7. 区别 IE6 、 IE7 ( 方法 2)

【区别符号】：「 !important 」
【示例】：

#tip {
background:black !important; /*IE7  背景变黑色 */
background:orange; /*IE6  背景变橘色 */
}

【说明】：因为 IE7 可读取「 !important; 」但 IE6 却不行，而 CSS 的读取步骤是从上到下，因此 IE6 读取时因无法辨识 「 !important 」而直接跳到下一行读取 CSS ，所以背景色会呈现橘色。

8. 区别 IE6 、 Firefox

【区别符号】：「 _ 」
【示例】：

#tip {
background:black; /*Firefox  背景变黑色 */
_background:orange; /*IE6  背景变橘色 */
}

【说明】：因为 IE6 可以辨识「 _ 」 ( 底线 ) ，但是 Firefox 却不行，因此可以透过这样的差异来区隔 Firefox 和 IE6 ，有效达成 CSS hack 。