CSS hack

 

內部屬性Hack

CSS內部屬性級Hack

語法：selector{<hack>?property:value<hack>?;}

取值：

_： 選擇IE6及以下。連接線（中劃線）（-）亦可使用，爲了避免與某些帶中劃線的屬性混淆，所以使用下劃線（_）更爲合適。

*：選擇IE7及以下。諸如：（+）與（#）之類的均可使用，不過業界對（*）的認知度更高。

\9：選擇IE6+。

\0：選擇IE8+和Opera。

[;property:value;]; 選擇webkit核心瀏覽器（Chrome,Safari）。IE7及以下也能識別。中括號內外的3個分號必須保留，第一個分號前可以是任意規則或任意多個規則。 [;color:#f00;]; 與 [color:#f00;color:#f00;]; 與 [margin:0;padding:0;color:#f00;]; 是等價的。生效的始終是中括號內的最後一條規則，所以通常選用第一種寫法最爲簡潔。

說明：一些CSS Hack由於瀏覽器存在交叉認識，所以需要通過層層覆蓋的方式來實現對不同瀏覽器進行Hack的。如下面這個例子：如想同一段文字在IE6,7,8，chrome，safari，顯示爲不同顏色，可這樣寫^[2]：

.test{

color:#000; /* 正常寫法普遍支持 */

color:#00F\9; /* 所有IE瀏覽器(ie6+)支持 */

/*但是IE8不能識別“ * ”和“ _ ” */

[color:#000;color:#0F0; /* SF,CH支持 */

color:#00F\0; /* IE8支持*/

*color:#FF0; /* IE7支持 */

_color:#F00; /* IE6支持 */

}

注意了：^[2]不管是什麼方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最後面。

補充：IE6能識別 *，但不能識別 !important,IE7能識別 *，也能識別!important;FF不能識別 *，但能識別!important;下劃線”_“,IE6支持下劃線，IE7和firefox均不支持下劃線

 

摘自百度文庫