css 條件注釋區(qū)分非IE瀏覽器
發(fā)布時間：2010-03-05 23:17:41 作者：佚名 
我要評論
我要評論IE瀏覽器的條件注釋雖不太常用，卻異常強大，不僅可以用來區(qū)分IE瀏覽器版本
<!--[if IE]> Only IE <![endif]-->
所有的IE可識別
<!--[if IE 5.0]> Only IE 5.0 <![endif]-->
只有IE5.0可以識別
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->
高于IE5.0都可以識別
<!--[if lt IE 6]> Only IE 6- <![endif]-->
低于IE6可識別
<!--[if gte IE 6]> Only IE 6/+ <![endif]-->
IE6以及IE6以上都可識別
<!--[if lte IE 7]> Only IE 7/- <![endif]-->
IE7及ie7以下版本可識別
lte：就是Less than or equal to的簡寫，也就是小于或等于的意思。
lt ：就是Less than的簡寫，也就是小于的意思。
gte：就是Greater than or equal to的簡寫，也就是大于或等于的意思。
gt ：就是Greater than的簡寫，也就是大于的意思。
! ：就是不等于的意思，跟javascript里的不等于判斷符相同
看到這里只可能會覺得<!--[if !IE]> not IE<![endif]-->這樣不就可以了嗎？
如果你這樣想就錯了，因為非ie根本不會識別ie的條件注釋，所以就直接全部是注釋了，
ok，來看看正確的寫法吧
<!--[if !IE]><-->
只有不是ie瀏覽器才能看到這里
<![endif]-->
本來準備到這里加點內容只有非ie能看到的，被編輯器編碼了，^_^，現在試試吧，只有非ie能看到哦，
關鍵是條件注釋后頭的 <–> 在IE中被當作內部注釋，而在非IE瀏覽器中會閉合之前的注釋，從而起到區(qū)分非IE瀏覽器的作用，一般常用<!–>。
所有的IE可識別
<!--[if IE 5.0]> Only IE 5.0 <![endif]-->
只有IE5.0可以識別
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->
高于IE5.0都可以識別
<!--[if lt IE 6]> Only IE 6- <![endif]-->
低于IE6可識別
<!--[if gte IE 6]> Only IE 6/+ <![endif]-->
IE6以及IE6以上都可識別
<!--[if lte IE 7]> Only IE 7/- <![endif]-->
IE7及ie7以下版本可識別
lte：就是Less than or equal to的簡寫，也就是小于或等于的意思。
lt ：就是Less than的簡寫，也就是小于的意思。
gte：就是Greater than or equal to的簡寫，也就是大于或等于的意思。
gt ：就是Greater than的簡寫，也就是大于的意思。
! ：就是不等于的意思，跟javascript里的不等于判斷符相同
看到這里只可能會覺得<!--[if !IE]> not IE<![endif]-->這樣不就可以了嗎？
如果你這樣想就錯了，因為非ie根本不會識別ie的條件注釋，所以就直接全部是注釋了，
ok，來看看正確的寫法吧
復制代碼
代碼如下:<!--[if !IE]><-->
只有不是ie瀏覽器才能看到這里
<![endif]-->
本來準備到這里加點內容只有非ie能看到的，被編輯器編碼了，^_^，現在試試吧，只有非ie能看到哦，
關鍵是條件注釋后頭的 <–> 在IE中被當作內部注釋，而在非IE瀏覽器中會閉合之前的注釋，從而起到區(qū)分非IE瀏覽器的作用，一般常用<!–>。
相關文章
- 本文將為你總結CSS針對各瀏覽器的兼容HACK(以IE6/IE7/IE8 /FF為主),以及IE特有的條件注釋使用方法.2010-07-04
- ie10已經上線一段時間了，相信已經有一部分前端潮人體驗過了,截至到現在，在ie6到ie9的瀏覽器各種各樣的古怪行為，開發(fā)人員不得不使用條件注釋，有條件的類，和其他特定于I2012-12-11
- 原文：http://www.qianduan.net/?p=6572 譯自：http://www.divitodesign.com 版權所有，轉載請注明出處，謝謝。 或許你知道，Internet Explorer 6 已經不是最先進的瀏覽器2009-03-26
- 或許你知道，Internet Explorer 6 已經不是最先進的瀏覽器了。事實上，它已經八歲了，但是很多人還在使用這個不安全的瀏覽器。正因為如此，網頁設計師不得不額外擔心他們的2010-01-16
- 網頁制作Webjx文章簡介：在CSS 框架和模板出現以后，一些布局的問題可以很容易解決掉，但是顯然這不能解決全部問題。這些問題通?？梢酝ㄟ^普通的CSS來解決，但是有時候只針2009-04-02
- 這篇文章主要介紹了CSS條件注釋詳解（根據不同瀏覽器加載CSS）這也是現階段最方便的各種瀏覽器兼容方式了,需要的朋友可以參考下2015-01-09