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

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

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

IE的if條件Hack

IE的if條件Hack可以讓IE區(qū)別于其它瀏覽器和IE個版本之間的瀏覽器，它利用<!--[ifIE]>...<![endif]-->這樣的語法讓IE瀏覽器對齊進(jìn)行解析，屬于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]-->之間內(nèi)容的具體用法：

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

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

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

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

針對不同版本的IE CSS Hack

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

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

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

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

下面列出幾種獨有特性：

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

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

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

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

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

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

【編輯推薦】

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