針對IE6、7、8條件註釋語句(不同版本IE顯示用不用css)

一、條件註釋簡介

1.IE中的條件註釋(Conditional comments)對IE的版本和IE非IE有優秀的區分能力,是WEB設計中常用的hack方法。
2.條件註釋只能用於IE5以上。
3.如果你安裝了多個IE,條件註釋將會以最高版本的IE爲標準。
4.條件註釋的基本結構和HTML的註釋(<!– –>)是一樣的。因此IE以外的瀏覽器將會把它們看作是普通的註釋而完全忽略它們。
5.IE將會根據if條件來判斷是否如解析普通的頁面內容一樣解析條件註釋裏的內容。

二、條件註釋屬性

gt : greater than,選擇條件版本以上版本,不包含條件版本
lt : less than,選擇條件版本以下版本,不包含條件版本
gte : greater than or equal,選擇條件版本以上版本,包含條件版本
lte : less than or equal,選擇條件版本以下版本,包含條件版本
! : 選擇條件版本以外所有版本,無論高低


1、Css if hack條件語法 
< !--[if IE]> Only IE <![endif]-->
僅所有的WIN系統自帶IE可識別
  
< !--[if IE 5.0]> Only IE 5.0 <![endif]-->
只有IE5.0可以識別
  
< !--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->
IE5.0包換IE5.5都可以識別
  
< !--[if lt IE 6]> Only IE 6- <![endif]-->
僅IE6可識別
  
< !--[if gte IE 6]> Only IE 6/+ <![endif]-->
IE6以及IE6以下的IE5.x都可識別
 

<!--[if lte IE 7]> Only IE 7/- <![endif]-->
僅IE7可識別
  
< !--[if gte IE 7]> Only IE 7/+ <![endif]-->
IE7以及IE7以下的IE6、IE5.x都可識別
 

<!--[if IE 8]> Only IE 8/- <![endif]-->
僅IE8可識別
 

<!--[if IE 9]> Only IE 9/- <![endif]-->
僅IE9可識別

 
注:在 if  後加 lt gte有不同效果 (參加其它參數同理)
<!–[if IE 8]> = IE8 僅IE8可識別
<!–[if lt IE 8]> = IE7或更低版本

<!–[if gte IE 8]> = 高於或者等於IE8版本
下面的代碼是在非IE瀏覽器下運行的條件註釋

<!--[if !IE]><!-->
您使用不是 Internet Explorer
<!--<![endif]-->
<!--[if IE 6]><!-->
您正在使用Internet Explorer version 6或者 一個非IE 瀏覽器
<!--<![endif]-->


<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">  
	<title>DIV IF條件實例</title>
	<!--[if IE 6]>
    <h2>IE6</h2>
    <![endif]-->
    <!--[if IE 7]>
    <h2>IE7</h2>
    <![endif]-->
    <!--[if IE 8]>
    <h2>IE8</h2>
    <![endif]-->
    <!--[if IE 9]>
    <h2>IE9</h2>
    <![endif]-->
</head>
<body>
    <strong>說明</strong>:如果你的瀏覽器版本爲多少即會顯示IE多少,針對IE6-IE9實驗</body>
</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章