IE瀏覽器中CSS Hack技術用法
針對IE瀏覽器CSS Hack你知道的有哪些,這里向大家描述一下常用IE瀏覽器的CSS Hack技術,主要包括IE的if條件Hack,針對不同版本的IE CSS 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代碼。#p#
針對不同版本的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{…},僅IE7與IE5.0可以識別
◆+htmlselect{...!important;},僅IE7可以識別
◆htmlselect{…}
html>bodyselect{…}
_property{...},IE6及IE6以下版本可以識別
◆select{…},IE8以下IE瀏覽器都可以識別
>property!important;IE7、IE8可以識別該規則
以上select是選擇器,比如div、p或.style等,property是屬性,如color、font-size等。
【編輯推薦】