可區別IE6、IE7、IE8和firefox的CSS hack

我從來沒有使用過CSS hack，以前以為會很麻煩，但是今天學習后，發現是非常簡單的。我真佩服我自己，不用寫CSS hack都能使我的網站在各個瀏覽器下兼容，但是有些問題不使用CSS hack真的會很麻煩。

Gonten今天收集了很多的CSS兼容性文章，整理出了可以區別IE6、IE7、IE8和firefox的CSS hack，使用方法都很簡單，看看下面的區分方法吧！

首先，先看看基本的CSS hack技巧：

IE都能識別*;標準瀏覽器(如FF)不能識別*；
IE6能識別*，但不能識別 !important,
IE7能識別*，也能識別!important;
FF不能識別*，但能識別!important;
IE6支持下劃線，IE7和firefox均不支持下劃線。
IE6及IE6以下識別* html {…}，僅IE7識別*+html {…}
僅IE支持在屬性值后加上“9”。

通過以上的說明，我們可以這樣來區別各個瀏覽器：

區別IE6可以加上下劃線“_”，如： _margin-top:10px

區別IE7可以加上*+html，如： *+html .box{….}

區別FF可以這樣寫：

background-color: #CC00FF; /*所有瀏覽器都會顯示為紫色*/
background-color: #FF00009; /*IE6、IE7、IE8會顯示紅色*/

區別IE6、IE7、IE8、FF，可以這樣寫：

background-color: #CC00FF; /*所有瀏覽器都會顯示為紫色*/
background-color: #FF00009; /*IE6、IE7、IE8會顯示紅色*/
*background-color: #0066FF; /*IE6、IE7會變為藍色*/
_background-color: #009933; /*IE6會變為綠色*/

通過以上這幾個技巧應該可以解決很多瀏覽器兼容性問題了，注意CSS是遵循“后來者居上”的，也就是后面的CSS會覆蓋前面相同的CSS，所以在寫CSS hack的時候要注意順序。

本文來自: www.Gonten.com