IE8 CSS hack技術(轉載)

本文向你們描述一下IE8 CSS hack技術的用法，IE8正式版出來有一段日子了，可是針對IE8正式版的CSS hack卻不多，其實這是值得慶幸的，由於IE8修復了不少IE6和IE7的一些BUG，更加接近W3C標準。

IE8 CSS hack技術

針對IE8正式版的CSS hack目前能夠找到的分爲2種：

第一種：」\9″：

基本的寫法:

1..test{color/*\**/:blue\9}

這個IE六、IE七、IE8都能識別；可是IE8不能識別「*」和「_」的csshack；因此咱們能夠這樣寫hack：

1..header{width:300px;}/*全部瀏覽器*/
2..header{width/*\**/:330px\9;}/*全部瀏覽器IE瀏覽器*/
3..header{*width:310px;}/*IE7和IE6能識別,IE8和FF不能識別*/
4..header{_width:290px;}/*IE6能識別，IE七、IE8和FF不能識別*/

第二種：就是使用IE的條件註釋

條件註釋是IE特有的一種功能，能對IE系列產品進行單獨的XHTML代碼處理，注意，主要是針對XHTML,而非CSS。
條件註釋功能很是強大，能夠進行true和false判斷，例如：

程序代碼

<!–[ifIE]>此內容只有IE可見<![endif]–>
<!–[ifIE6.0]>此內容只有IE6.0可見<![endif]–>

條件註釋能被IE判斷是什麼版本的瀏覽器，並在符合條件的狀況下顯示其中的內容，從IE5.0到7.0都支持註釋功能，並且版本號精確到小數點後4位：

程序代碼

<!–[ifIE6.1000]>此內容只有IE6.1可見<![endif]–>

IE條件註釋還支持感嘆號非操做：

程序代碼

<!–[if!IE6.0]>此內容除了IE6.0版本以外均可見<![endif]–>

而且支持前綴，用於判斷更高版本或是更低版本：

程序代碼

<!–[ifgtIE5.0]>此內容只有IE5.0以上版本可見<![endif]–>

這裏的gt全稱爲greaterthan表示當前條件版本以上版本，但不包含當前版本。

還有其它幾個前綴：

lt表示lessthan當前條件版本如下的版本，不包含當前版本。

gte表示greeterthanorequal當前版本以上版本，幷包含當前版本。

lte表示lessthanorequal當前版本如下版本，幷包含當前版本。

其餘一些csshack的測試：

1..color1{color:#F00;color/*\**/:#00F/*\**/}/*IE6,IE7,IE8,FF,OP,SA識別*/
2..color2{color:#F00;color/*\**/:#00F/*\9**/}/*IE7,IE8,FF,OP,SA識別*/
3..color3{color:#F00;color/*\**/:#00F\9}/*IE6,IE7,IE8識別*/
4..color4{color:#F00;color/*\**/:#00F\9}/*IE7,IE8識別*//
*「color」和「/*\**/」之間有個空格*/

其中：OP表示Opera，SA表示Safari