CSS HACK区别IE6、IE7、IE8、Firefox兼容性(1)

Bertha 。 2022-08-13 17:32 200阅读 0赞

本文向大家描述一下如何使用[CSS][] HACK区别IE6、IE7、IE8、Firefox兼容性问题，针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack，相信你对本文介绍一定会感兴趣。

**CSS HACK区别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、GoogleChrome、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」