IE 创建条件样式

1.HTML 注释

 <div id="header">Header Section</div>
 <!-- End Header Section Content -->


2.使用条件样式

    只有IE5版本以上才能识别IE条件注释
    那么为什么要创建条件样式呢？言外之意我们创建条件样式有什么好处呢？创建条件样式优点在于：可以将部分兼容代码识让符合条件的浏览器识别；其二让你的主要样式表整洁，清爽。不过大家要记住，虽然我们这里说的是创建有条件样式，但这种条件注释标签的使用不仅仅只能用于CSS，你可以应用在javaScript中，他们甚至可以在您的网站内容显示特殊的IE浏览器特定的消息。下面我们一起来看看其具体的应用，和使用方法。
    条件语句放在<head> </head>中
    格式：  
   

<!--[if IE]>
        ...

<![endif]-->


    1. gt(greate than):选择条件版本以上版本，不包含条件版本本身；
    2. lt(less than):这个刚好与gt相反，表示的是选择条件版本以下的版本，不包含条件版本自身；
    3. gte(greate than or equal):选择条件版本以上版本，并包含条件版本自身；
    4. lte(less than or equal):选择条件版本以下的版本，并包含条件版本自身；
    5. !:选择条件版本以外所有版本，无论高低。


    例子
    1、支持所有IE浏览器
   

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


    2、支持除IE外的所有浏览器
   

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


    4.支持IE10以下版本
    

 <!--[if lt IE 10]>
          <link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]-->

  <!--[if IE 6]>
            <script type="text/javascript" src="js/pngfix.js"></script>
            <script type="text/javascript" src="js/ie6.js"></script>
  <![endif]-->

      
    3.仅仅支持IE10
  

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

 


                



                

posted @ 2015-09-29 17:50  *骑着蜗牛游世界*  阅读(155)  评论(0)  编辑  收藏  举报