用CSS如何判斷IE瀏覽器版本?

來源:互聯網
上載者:User

之前只是針對所有的IE瀏覽器:

<!--[if IE]>   <link href="Style/IE.css" rel="stylesheet" type="text/css" /> <![endif]-->

要避掉IE8的話就得:

<!--[if lt IE 8]>   <link href="Style/IE.css" rel="stylesheet" type="text/css" /> <![endif]-->

lt在此作小於用,也就是小於IE8的版本都能識別。

或者:

<!--[if lte IE 7]>   <link href="Style/IE.css" rel="stylesheet" type="text/css" /> <![endif]-->

lte在此作小於及等於用,也就是小於及等於IE7的版本能識別。

或者:

<!--[if !(IE 8)]>   <link href="Style/IE.css" rel="stylesheet" type="text/css" /> <![endif]-->

<!–[if !(IE 8)]><![endif]–>在此單獨避掉IE8版本。

在網上找了以下代碼,測試了下有幾個不符合:

1. <!--[if !IE]><!--> 除IE外都可識別 <!--<![endif]--> 2.  <!--[if IE]> 所有的IE可識別 <![endif]--> 3. <!--[if IE 5.0]>  只有IE5.0可以識別 <![endif]--> 4. <!--[if IE 5]> 僅IE5.0與IE5.5可以識別  <![endif]--> 5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以識別  <![endif]--> 6. <!--[if IE 6]> 僅IE6可識別 <![endif]--> 7. <!--[if lt IE 6]> IE6以及IE6以下版本可識別 <![endif]--> 8.  <!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]--> 9. <!--[if  IE 7]> 僅IE7可識別 <![endif]--> 10. <!--[if lt IE 7]>  IE7以及IE7以下版本可識別 <![endif]--> 11. <!--[if gte IE 7]>  IE7以及IE7以上版本可識別 <![endif]-->

經過測試後:

5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以識別 <![endif]-->

這個只有IE6以上的版本才可識別,也就是不包括IE5.0

7. <!--[if lt IE 6]> IE6以及IE6以下版本可識別 <![endif]-->

這個只有IE5以下的版本才能識別,也就是不包括IE6

10. <!--[if lt IE 7]> IE7以及IE7以下版本可識別 <![endif]-->

這個只有IE6以下的版本才能識別,也就是不包括IE7

後來才在經典那找到:

gt = Great Then 大於 &gt; = > 大於符號 lt = Less Then  小於 &lt; = < 小於符號 gte = Great Then or Equal 大於或等於 lte = Less Then  or Equal 小於或等於

一下就明白過來了,還費了那麼大勁。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.