快捷導(dǎo)航

不同版本IE使用不同css(css條件注釋語句用法)

更新時間：2013年11月07日 10:40:11 作者：

本文講的是利用if來判斷用戶瀏覽器不同版本IE使用不同css，下面總結(jié)一些針對IE6、7、8條件注釋語句用法

一、條件注釋簡介
1.IE中的條件注釋（Conditional comments）對IE的版本和IE非IE有優(yōu)秀的區(qū)分能力，是WEB設(shè)計中常用的hack方法。
2.條件注釋只能用于IE5以上。
3.如果你安裝了多個IE，條件注釋將會以最高版本的IE為標準。
4.條件注釋的基本結(jié)構(gòu)和HTML的注釋(<!– –>)是一樣的。因此IE以外的瀏覽器將會把它們看作是普通的注釋而完全忽略它們。
5.IE將會根據(jù)if條件來判斷是否如解析普通的頁面內(nèi)容一樣解析條件注釋里的內(nèi)容。
二、條件注釋屬性
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系統(tǒng)自帶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都可識別


僅IE7可識別

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


僅IE8可識別


僅IE9可識別

注：在 if 后加 lt gte有不同效果（參加其它參數(shù)同理）
<!–[if IE 8]> = IE8 僅IE8可識別
<!–[if lt IE 8]> = IE7或更低版本
<!–[if gte IE 8]> = 高于或者等于IE8版本
下面的代碼是在非IE瀏覽器下運行的條件注釋

您使用不是 Internet Explorer


您正在使用Internet Explorer version 6或者一個非IE 瀏覽器

復(fù)制代碼代碼如下:

    <!DOCTYPE html>  
    <html>  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>DIV IF條件實例</title>  
    </head>  
    <body>  
    你正在使用：   
    <!--[if IE 7]>  
    <h2>IE7</h2>  
    <![endif]-->  
    <!--[if IE 6]>  
    <h2>IE6</h2>  
    <![endif]-->  
    <!--[if IE 8]>  
    <h2>IE8</h2>  
    <![endif]-->  

    <!--[if IE 9]>  
    <h2>IE9</h2>  
    <![endif]-->  
    <br><br>  
    <strong>說明</strong>：如果你的瀏覽器版本為多少即會顯示IE多少，針對IE6-IE9實驗</body>  
    </html> 