IE瀏覽器中CSS Hack技術用法是怎樣的

這篇文章給大家介紹IE瀏覽器中CSS Hack技術用法是怎樣的，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

針對IE瀏覽器CSS Hack你知道的有哪些，這里向大家描述一下常用IE瀏覽器的CSS Hack技術，主要包括IE的if條件Hack。

針對IE CSS hack內容匯總

由于瀏覽器的版本眾多，僅針對IE瀏覽器CSS Hack就有許多種，下面我將常用的進行匯總以便參考。

IE的if條件Hack

IE的if條件Hack可以讓IE區別于其它瀏覽器和IE個版本之間的瀏覽器，它利用<!--[ifIE]>...<![endif]-->這樣的語法讓IE瀏覽器對齊進行解析，屬于IE瀏覽器專有。

<!--[ifIE]>OnlyIE<![endif]-->

所有的IE可識別

<!--[ifIE5.0]>OnlyIE5.0<![endif]-->

只有IE5.0可以識別

<!--[ifgtIE5.0]>OnlyIE5.0+<![endif]-->

IE5.0包換IE5.5都可以識別

<!--[ifltIE6]>OnlyIE6-<![endif]-->

僅IE6可識別

<!--[ifgteIE6]>OnlyIE6/+<![endif]-->

IE6以及IE6以下的IE5.x都可識別

<!--[iflteIE7]>OnlyIE7/-<![endif]-->

僅IE7可識別

<!--[ifIE]>...<![endif]-->之間內容的具體用法：

<!--[ifIE7]><linkrellinkrel="stylesheet"href="../css/ie7.css"  type="text/css"media="screen"/><![endif]-->

可以像這樣鏈接一個CSS文件

<!--[ifIE]> <style> .clearfix{display:inline-block;}  </style> <![endif]-->

也可以像這樣直接輸入一行CSS代碼。

針對不同版本的IE CSS Hack

由于都是IE瀏覽器，所以可能有幾個版本對某種方法都可以解析，所以在這時只能用CSS的書寫順序和獨有特性來區分它們，比如針對IE8的定義方法。

IE8還沒有獨有的定義方法，所以只能用它支持的方法和其它瀏覽器的獨有方法在加上CSS書寫順序達到對它Hack的目的，如：

.font{  color:black;  color:red\9;  *color:blue;  _color:green;  }

利用以上的方法可以使IE6、IE7、IE8三種瀏覽器和其它IE瀏覽器所顯示的字體顏色都不相同，IE6為綠色，IE7為藍色，IE8為紅色，其余為黑色，這就是書寫順序加獨有特性起到的作用。

下面列出幾種獨有特性：

◆+htmlselect{&hellip;}，僅IE7與IE5.0可以識別

◆+htmlselect{...!important;}，僅IE7可以識別

◆htmlselect{&hellip;}
html>bodyselect{&hellip;}
_property{...}，IE6及IE6以下版本可以識別

◆select{&hellip;}，IE8以下IE瀏覽器都可以識別

>property!important;IE7、IE8可以識別該規則

以上select是選擇器，比如div、p或.style等，property是屬性，如color、font-size等。

關于IE瀏覽器中CSS Hack技術用法是怎樣的就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。