CSS hack的使用方法

歡迎大家在這裡學習CSS hack的使用!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!有些時候，你需要對IE浏覽器的bug定義一些特別的規則，這裡有太多的CSS技巧(hacks)，我只使用其中的兩種方法，不管微軟在即將發布的IE7 beta版裡是否更好的支持CSS，這兩種方法都是最安全的。

1.注釋的方法

(a)在IE中隱藏一個CSS定義，你可以使用子選擇器(child selector):

html>body p {

}

(b)下面這個寫法只有IE浏覽器可以理解(對其他浏覽器都隱藏)

* html p {

}

(c)還有些時候，你希望IE/Win有效而IE/Mac隱藏，你可以使用反斜線技巧：

* html p {

declarations

}

(d)下面這個寫法只有IE7浏覽器可以理解(對其他浏覽器都隱藏)

*+ html p {

}

2.條件注釋(conditional comments)的方法

另外一種方法，我認為比CSS Hacks更加經得起考驗就是采用微軟的私有屬性條件注釋(conditional comments)。用這個方法你可以給IE單獨定義一些樣式，而不影響主樣式表的定義。就象這樣：

還有更多的CSS hack大家可以通過網上找找，但是有很多hack都是不符合w3c標准的，本人根據以上的hack寫了一個能區分IE6、IE7、FF的樣式，而且可以符合w3c標准,代碼如下：

.classname {width:90px!important;width:100px;}

*+html .classname {width:95px!important;}

這樣寫後在IE6下寬是100px，IE7下是95px，火狐下是90px。

大家知道CSS hack的使用嗎?如果不知道的趕緊看看我們給大家整理出來的教程

相關推薦：

給div css背景圖片路徑加引號的方法