IE瀏覽器條件注釋if IE詳解

標籤：style   color   使用   ar   div   html   時間   amp   

無論是google還是百度搜到的if IE條件注釋用法，排在前面的幾個搜尋結果文章都是有錯誤和漏洞的，而這些漏洞和錯誤導致我一度誤以為有些IE條件注釋已經失效了，即使不是失效，也令我 很費解。今天抽時間查閱了些老外寫的東西，並且都實驗了一遍。發現給我造成費解的原因是那些文章大多都是抄來的，沒有經過親自實驗，在複製來複製去的過程 中就把某些關鍵的地方弄錯了:( 現將正確的if IE條件注釋用法總結一下，以便以後使用：

運算子	樣本	說明
!	[if !IE]	非運算子。該例子表示所有的非IE瀏覽器（註：如果是判斷帶版本號碼的非，需要加子運算式，即括弧，如：[if !(IE 7)] 表示非IE7）
lt	[if lt IE 7]	小於運算子，如果第一個參數小於第二個參數，則返回true。該例子表示小於IE7（不等於IE7）
lte	[if lte IE 7]	小於或等於運算子，如果第一個參數是小於或等於第二個參數，則返回true。該例子表示小於或等於IE7
gt	[if gt IE 7]	大於運算子，如果第一個參數大於第二個參數，則返回true。該例子表示大於IE7（不等於IE7）
gte	[if gte IE 7]	大於或等於運算子。如果第一個參數大於或等於第二個參數，則返回true。該例子表示大於或等於IE7
( )	[if !(IE 7)]	子運算式運算子。該例子表示小於IE8（不包括IE8）
&	[if (gt IE 6)&(lt IE 8)]	與運算子，如果所有的子運算式計算結果為true，返回true。該例子表示大於IE6並且小於IE8，跟[if IE 7]結果是一樣的
|	[if (IE 6)|(IE 7)]	或運算子，如果所有的子運算式計算結果中有一個為true，返回true。該例子表示如果是IE6或者IE7

常用例子：

<!--[if IE]> 僅IE瀏覽器可識別 <![endif]--><!--[if IE 6]> 僅IE6可識別 <![endif]--><!--[if lt IE 7]> IE7以下（不包括IE7）可識別 <![endif]--><!--[if lte IE 7]> IE7及IE以下可識別 <![endif]--><!--[if gte IE 7]> IE7及IE以上可識別 <![endif]--><!--[if !IE]><!--> 非IE瀏覽器可識別 <!--<![endif]--><!--[if !(IE 7)]><!--> 非IE7可識別 <!--<![endif]-->

注意：

• 1、”IE”與版本號碼之間是有一個空格的，即”IE7″這樣的寫法是錯誤的；
• 2、非運算子的寫法和其他的不太一樣，請認真看清楚。