IE的有條件注釋判定IE版本詳解（附實例代碼）
更新時間：2012年01月04日 16:41:40 作者：
IE的有條件注釋是一種專有的（因此是非標準的）、對常規(guī)（X）HTML注釋的Miscrosoft擴展。顧名思義，有條件注釋使你能夠根據條件（比如瀏覽器版本）顯示代碼塊(不一定就是css，也可以是html代碼，甚至是JavaScript代碼)。
IE的有條件注釋是一種專有的（因此是非標準的）、對常規(guī)（X）HTML注釋的Miscrosoft擴展。顧名思義，有條件注釋使你能夠根據條件（比如瀏覽器版本）顯示代碼塊。盡管是非標準的，但是有條件注釋對于其他所有瀏覽器作為常規(guī)注釋出現，因此本質上是無害的。有條件注釋在Windows上的IE5中首次出現，并且得到了Widnows瀏覽器所有后續(xù)版本的支持。
IE的有條件注釋及其有效，而且非常容易記住。主要的缺點是這些注釋需要放在HTML頁面中，而不是放在CSS中。這樣，當你不需要這些東西，或者有所更改的時候，就需要維護很多的地方。
讓我們據幾個例子來看看吧——
只有IE才能識別
因為只有IE5以上的版本才開始支持IE條件注釋，所有“只有IE”才能識別的意思是“只有IE5版本以上”才能識別。
<!--[if IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
只有特定版本才能識別
例如，只有IE5才能識別，只有IE6才能識別，只有IE7或者IE8才能識別。識別的條件是特定的版本，高了或者低了都不可以。例如下面的代碼塊，將只會在IE8中有效
<!--[if IE 8]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
只有不是特定版本的才能識別
當然，IE瀏覽器需要在5以上的版本，才在討論范圍之內。例如下面的例子中，特定了IE7版本不能識別。
<!--[if !IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
只有高于特定版本才能識別
只有高于制定版本的IE瀏覽器才能識別的代碼塊。
<!--[if gt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
有朋友會問，為什么IE7沒有應用到效果呢？那是因為IE7等于IE7，而不是高于IE7。所有IE7也沒有起效果。
等于或者高于特定版本才能識別
<!--[if gte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
只有低于特定版本的才能識別
<!--[if lt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
等于或者低于特定版本的才能識別
<!--[if lte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
關鍵詞解釋
上面那些代碼好像很難記的樣子，其實只要稍微解釋一下關鍵字就很容易記住了。
lt ：就是Less than的簡寫，也就是小于的意思。
lte ：就是Less than or equal to的簡寫，也就是小于或等于的意思。
gt ：就是Greater than的簡寫，也就是大于的意思。
gte：就是Greater than or equal to的簡寫，也就是大于或等于的意思。
!：就是不等于的意思，跟javascript里的不等于判斷符相同。
這樣解釋一下，是不是好記多了。
關于IE條件注釋的特別說明
只有IE才能識別哦——
曾經看到過下面的代碼，現在想起來不禁有點想笑。這樣的代碼有什么意義嗎？
<!--[if !IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
不僅僅是CSS哦
很長時間，我對這個都有一種誤解——以為它就是用來根據瀏覽器不同載入不同css，從而解決樣式兼容性問題的。其實，我錯了。它其實可以做的更多。它可以保護任何代碼塊——HTML代碼塊、JavaScript代碼塊、服務器端代碼……看看下面的代碼。
<!--[if IE]>
你使用的是IE瀏覽器，還會彈出個框哦。
<script type="text/javascript"> alert("你使用的是IE瀏覽器！");</script>
<![endif]-->
IE的有條件注釋及其有效，而且非常容易記住。主要的缺點是這些注釋需要放在HTML頁面中，而不是放在CSS中。這樣，當你不需要這些東西，或者有所更改的時候，就需要維護很多的地方。
讓我們據幾個例子來看看吧——
只有IE才能識別
因為只有IE5以上的版本才開始支持IE條件注釋，所有“只有IE”才能識別的意思是“只有IE5版本以上”才能識別。
復制代碼 代碼如下:
<!--[if IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
只有特定版本才能識別
例如，只有IE5才能識別，只有IE6才能識別，只有IE7或者IE8才能識別。識別的條件是特定的版本，高了或者低了都不可以。例如下面的代碼塊，將只會在IE8中有效
復制代碼 代碼如下:
<!--[if IE 8]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
只有不是特定版本的才能識別
當然，IE瀏覽器需要在5以上的版本，才在討論范圍之內。例如下面的例子中，特定了IE7版本不能識別。
復制代碼 代碼如下:
<!--[if !IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
只有高于特定版本才能識別
只有高于制定版本的IE瀏覽器才能識別的代碼塊。
復制代碼 代碼如下:
<!--[if gt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
有朋友會問，為什么IE7沒有應用到效果呢？那是因為IE7等于IE7，而不是高于IE7。所有IE7也沒有起效果。
等于或者高于特定版本才能識別
復制代碼 代碼如下:
<!--[if gte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
只有低于特定版本的才能識別
復制代碼 代碼如下:
<!--[if lt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
等于或者低于特定版本的才能識別
復制代碼 代碼如下:
<!--[if lte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
關鍵詞解釋
上面那些代碼好像很難記的樣子，其實只要稍微解釋一下關鍵字就很容易記住了。
lt ：就是Less than的簡寫，也就是小于的意思。
lte ：就是Less than or equal to的簡寫，也就是小于或等于的意思。
gt ：就是Greater than的簡寫，也就是大于的意思。
gte：就是Greater than or equal to的簡寫，也就是大于或等于的意思。
!：就是不等于的意思，跟javascript里的不等于判斷符相同。
這樣解釋一下，是不是好記多了。
關于IE條件注釋的特別說明
只有IE才能識別哦——
曾經看到過下面的代碼，現在想起來不禁有點想笑。這樣的代碼有什么意義嗎？
復制代碼 代碼如下:
<!--[if !IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
不僅僅是CSS哦
很長時間，我對這個都有一種誤解——以為它就是用來根據瀏覽器不同載入不同css，從而解決樣式兼容性問題的。其實，我錯了。它其實可以做的更多。它可以保護任何代碼塊——HTML代碼塊、JavaScript代碼塊、服務器端代碼……看看下面的代碼。
復制代碼 代碼如下:
<!--[if IE]>
你使用的是IE瀏覽器，還會彈出個框哦。
<script type="text/javascript"> alert("你使用的是IE瀏覽器！");</script>
<![endif]-->
相關文章
小編遇到的問題是在彈出層后面的 遮罩層，因為有滾動條，導致滾動條下面不可視區(qū)域沒有遮罩層。下面就為大家介紹一下解決方法2016-04-04
本篇文章主要是對javascript獲取URL參數與參數值的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
“點睛”的廣告代碼，很牛B，本想從中找出在FireFox下如何實現findText及pasteHTML類似效果的，我看了大半天，楞是沒有看出個所以然來！還是自己慢慢研究吧。2007-07-07
下面小編就為大家?guī)硪黄狫S倒計時實例_天時分秒。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家詳細介紹了JavaScript自定義日歷實現簽到功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
JavaScript是一種單線程語言,它在任何給定時間只能執(zhí)行一個任務,然而js確能夠處理異步操作,這得益于其事件循環(huán)（Event Loop）機制,今天這篇文章帶領大家深入理解JavaScript單線程特性,以及講解事件循環(huán)和js多線程知識2023-10-10
這篇文章主要介紹了qrcode生成二維碼微信長按無法識別問題的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
下面小編就為大家分享一篇淺談js獲取ModelAndView值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了JavaScript Array對象基本方法詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
這篇文章主要為大家詳細介紹了js實現select下拉框選擇，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01