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了吧!感謝大家對我們網站的支持!

相關推薦：

導入Import和隱藏CSS的方法