1. 程式人生 > >針對IE5--IE9的條件註釋

針對IE5--IE9的條件註釋

對於IE瀏覽器,有一個專屬的條件註釋,只對ie有效果,可以用來進行一些簡單的處理,還是有點用處的;

條件註釋針對的是ie5 到ie9版本

格式是 :

<!--[這裡寫判斷條件]>

       這裡是要顯示的內容
<![endif]-->

例如:

 在ie5瀏覽器中顯示“這是ie5”,在ie6瀏覽器中顯示 “這是ie6” ,在ie7瀏覽器中顯示 “這是ie7“,在ie8瀏覽器中顯示 “這是ie8”,

           可以這麼寫:

<p>

<!--[if ie5]>這是ie5<![endif]-->
<!--[if ie6]>這是ie6<![endif]-->
<!--[if ie7]>這是ie7<![endif]-->
<!--[if ie8]>這是ie8<![endif]-->
</p>

使用不同版本的ie瀏覽器時,顯示出不同的資訊

還有其餘幾個不同的常用形式

                  <!--[if !ie]>不是ie5-9版本的瀏覽器<![endif]-->
                  <!--[if ie 5]>我是ie5才顯示的內容<![endif]--> 
                  <!--[if lt

ie 9]>小於ie9版本的瀏覽器<![endif]-->
                  <!--[if gt ie 7]>大於ie7版本的瀏覽器<![endif]-->
                  <!--[if lte ie 6]>小於等於ie6版本的瀏覽器<![endif]-->                       
                  <!--[if gte ie 6]>大於等於ie6版本的瀏覽器<![endif]-->

補充:  jquery1.x 和2.x 的區別是,2.x版本放棄了對 ie 6/7/8的支援

,這個時候如果想要相容ie 6/7/8,就可以使用上面的條件註釋了:

              <!--[if lt ie 9]>

                  <script src="jquery.1.9.0.js"></script>

              <![endif]-->

              <!--[if gt ie 8]>

                  <script src="jquery.2.0.js"></script>

              <![endif]-->