針對(duì)IE瀏覽器CSS Hack你知道的有哪些，這里向大家描述一下常用IE瀏覽器的CSS Hack技術(shù)，主要包括IE的if條件Hack，針對(duì)不同版本的IE CSS Hack等內(nèi)容，相信本文介紹一定會(huì)讓你有所收獲。

針對(duì)IE CSS hack內(nèi)容匯總

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

IE的if條件Hack

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

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

所有的IE可識(shí)別 

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

只有IE5.0可以識(shí)別 

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

IE5.0包換IE5.5都可以識(shí)別 

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

僅IE6可識(shí)別 

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

IE6以及IE6以下的IE5.x都可識(shí)別 

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

僅IE7可識(shí)別

<!--[ifIE]>...<![endif]-->之間內(nèi)容的具體用法：

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

可以像這樣鏈接一個(gè)CSS文件

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

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

針對(duì)不同版本的IE CSS Hack

由于都是IE瀏覽器，所以可能有幾個(gè)版本對(duì)某種方法都可以解析，所以在這時(shí)只能用CSS的書寫順序和獨(dú)有特性來(lái)區(qū)分它們，比如針對(duì)IE8的定義方法。

IE8還沒(méi)有獨(dú)有的定義方法，所以只能用它支持的方法和其它瀏覽器的獨(dú)有方法在加上CSS書寫順序達(dá)到對(duì)它Hack的目的，如：

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

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

下面列出幾種獨(dú)有特性：

◆+htmlselect{…}，僅IE7與IE5.0可以識(shí)別

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

◆htmlselect{…}
html>bodyselect{…}
_property{...}，IE6及IE6以下版本可以識(shí)別

◆select{…}，IE8以下IE瀏覽器都可以識(shí)別

>property!important;IE7、IE8可以識(shí)別該規(guī)則

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

【編輯推薦】

1. 解決IE6 position:fixed 固定定位問(wèn)題
2. CSS中三大position屬性值用法解讀
3. 深入探究DIV CSS布局中position屬性用法
4. CSS屬性display:inline-block使用揭秘
5. Firefox、IE7、IE6瀏覽器兼容問(wèn)題概念解析