條件註釋判斷瀏覽器 [if lte IE 8] ... [endif]

<!--[if !IE]><!--> 除IE外都可識別 <!--<![endif]-->
<!--[if IE]> 所有的IE可識別 <![endif]-->
<!--[if IE 6]> 僅IE6可識別 <![endif]-->
<!--[if IE 7]> 僅IE7可識別 <![endif]-->
<!--[if IE 8]> 僅IE8可識別 <![endif]-->
<!--[if IE 9]> 僅IE9可識別 <![endif]-->
<!--[if lt IE 6]> IE6以下版本可識別 <![endif]-->
<!--[if lte IE 7]> IE7以及IE7以下版本可識別 <![endif]-->
<!--[if gt IE 6]> IE6以上版本可識別 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可識別 <![endif]-->
項目範例說明
! [if !IE] The NOT operator. This is placed immediately in front of the featureoperator, or subexpression to reverse the Boolean meaning of the expression.
NOT運算符。這是擺立即在前面的功能操作員,或子表達式扭轉布爾表達式的意義。
lt [if lt IE 5.5] The less-than operator. Returns true if the first argument is less than the second argument.
小於運算符。如果第一個參數小於第二個參數,則返回true。
lte [if lte IE 6] The less-than or equal operator. Returns true if the first argument is less than or equal to the second argument.
小於或等於運算。如果第一個參數是小於或等於第二個參數,則返回true。
gt [if gt IE 5] The greater-than operator. Returns true if the first argument is greater than the second argument.
大於運算符。如果第一個參數大於第二個參數,則返回true。
gte [if gte IE 7] The greater-than or equal operator. Returns true if the first argument is greater than or equal to the second argument.
大於或等於運算。如果第一個參數是大於或等於第二個參數,則返回true。
( ) [if !(IE 7)] Subexpression operators. Used in conjunction with boolean operators to create more complex expressions.
子表達式運營商。在與布爾運算符用於創建更復雜的表達式。
& [if (gt IE 5)&(lt IE 7)] The AND operator. Returns true if all subexpressions evaluate to true
AND運算符。如果所有的子表達式計算結果爲true,返回true
| [if (IE 6)|(IE 7)] The OR operator. Returns true if any of the subexpressions evaluates to true.
OR運算符。返回true,如果子表達式計算結果爲true。

例子

 <!--[if lt IE 9]>
加載CSS1
<!--[else]>
加載CSS2
<![endif]-->

這樣有效是有效,但是用HTML VALIDATOR裏,報錯,因爲這個不符合XHTML 1.1的規範,
如果把ELSE語句去掉,則正確.

方法:

加載CSS2
<!--[if lt IE 9]>
加載CSS1(可以把要重寫的寫在這裏).
<![endif]-->

用法:

可使用如下代碼檢測當前IE瀏覽器的版本(注意:在非IE瀏覽器中是看不到效果的) 
<!––[if IE]>
       <h1>您正在使用IE瀏覽器</h1>        <!––[if IE 5]>
           <h2>版本 5</h2>        <![endif]––>
       <!––[if IE 5.0]>
           <h2>版本 5.0</h2>        <![endif]––>
       <!––[if IE 5.5]>
           <h2>版本 5.5</h2>        <![endif]––>
       <!––[if IE 6]>
           <h2>版本 6</h2>        <![endif]––>
       <!––[if IE 7]>
           <h2>版本 7</h2>        <![endif]––>
<![endif]––>

那如果當前的瀏覽器是IE,但版本比IE5還低,該怎麼辦呢,可以使用<!–[if ls IE 5]>,當然,根據條件註釋只能在IE5+的環境之下,所以<!–[if ls IE 5]>根本不會被執行。 lte:就是Less than or equal to的簡寫,也就是小於或等於的意思。 lt :就是Less than的簡寫,也就是小於的意思。 gte:就是Greater than or equal to的簡寫,也就是大於或等於的意思。 gt :就是Greater than的簡寫,也就是大於的意思。 ! : 就是不等於的意思,跟javascript裏的不等於判斷符相同

來源:http://www.weste.net/2013/8-9/93104.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章