zoukankan      html  css  js  c++  java
  • 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]-->


                    



                    

  • 相关阅读:
    < high performance web sites > 阅读小记
    Gimp制作圆角透明图片
    iphone开发小记
    Android开发小记
    双网卡绑定(suse)
    xen虚拟机操作整理
    linux网络相关命令使用
    lua协程并发下载简单测试
    linux使用技巧(shell/vi/screen)
    爬虫之scrapy框架
  • 原文地址:https://www.cnblogs.com/rsky/p/4846925.html
Copyright © 2011-2022 走看看