网页设计中的IE条件注释

    1.  条件注释的基本结构和HTML的注释(<!-- -->)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
    2. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。
    3. 条件注释使用的是HTML的注释结构,因此他们只能使用在HTML文件里,而不能在CSS文件中使用。我很想把所有特殊的样式放在logo.css里。但是很不幸的是,这看起来不太可能。我也试过根据条件注释,使用<link>来导入一个额外的样式表,但是因为我只需要一个额外的样式规则,这样会让事情变得复杂很多。当然如果你需要在IE里使用很多的额外的样式,那么使用<link>或许是一个好的方法。
一、条件注释简介
    IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的方法。
    条件注释只能用于IE5以上。
    如果你安装了多个IE,条件注释将会以最高版本的IE为标准。
    条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
    IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。
二、条件注释属性
    gt : greater than,选择条件版本以上版本,不包含条件版本
    lt : less than,选择条件版本以下版本,不包含条件版本
    gte : greater than or equal,选择条件版本以上版本,包含条件版本
    lte : less than or equal,选择条件版本以下版本,包含条件版本
    ! : 选择条件版本以外所有版本,无论高低
三、条件注释使用方法
    注意把代码中的<>换成英文中相应的大于或小于号
    <!--[if IE 5]>仅IE5.5可见<![endif]-->
    <!--[if gt IE 5.5]>仅IE 5.5以上可见<![endif]-->
    <!--[if it IE 5.5]>仅IE 5.5以下可见<![endif]-->
    <!--[if gte IE 5.5]>IE 5.5及以上可见<![endif]-->
    <!--[if ite IE 5.5]>IE 5.5及以下可见<![endif]-->
    <!--[if !IE 5.5]>非IE 5.5的IE可见<![endif]-->
    下面的代码是在非IE浏览器下运行的条件注释
    <!--[if !IE]><!-->您使用不是 Internet Explorer<!--<![endif]-->
    <!--[if IE 6]><!-->您正在使用Internet Explorer version 6或者 一个非IE 浏览器<!--<![endif]-->
四、条件注释举例
    如果是ie浏览器就弹框(因为只有IE5以上的版本才开始支持IE条件注释,所有“只有IE”才能识别的意思是“只有IE5版本以上”才能识别。),代码如下:
    <!--[if IE]>
    你使用的是IE浏览器,还会弹出个框哦。
    <script type="text/javascript">
    alert("你使用的是IE浏览器!");
    </script>
    <![endif]-->  
    只会在IE8中有效:
    <!--[if IE 8]>
    <script type="text/javascript">
    alert("你使用的是IE 8 浏览器!");
    </script>
    <![endif]-->

posted @ 2010-12-25 07:02  WebWebcom 易网库  阅读(191)  评论(0编辑  收藏  举报