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]-->

IE 创建条件样式的更多相关文章

  1. DevExpress]ChartControl 创建Drill-Down样式的Title

    关键代码: /// <summary> /// 创建Drill-Down样式的Title /// </summary> /// <param name="cha ...

  2. VS2010/MFC编程入门之五十二（Ribbon界面开发：创建Ribbon样式的应用程序框架）

    上一节中鸡啄米讲了GDI对象之画刷CBrush,至此图形图像的入门知识就讲完了.从本节开始鸡啄米将为大家带来Ribbon界面开发的有关内容.本文先来说说如何创建Ribbon样式的应用程序框架. Rib ...

  3. MFC编程之创建Ribbon样式的应用程序框架

    Ribbon界面就是微软从Office2007開始引入的一种为了使应用程序的功能更加易于发现和使用.降低了点击鼠标的次数的新型界面.从实际效果来看,不仅外观美丽,并且功能直观,用户操作简洁方便. 利用 ...

  4. VS2010-MFC（Ribbon界面开发：创建Ribbon样式的应用程序框架）

    转自:http://www.jizhuomi.com/software/251.html 上一节讲了GDI对象之画刷CBrush,至此图形图像的入门知识就讲完了.从本节开始将为大家带来Ribbon界面 ...

  5. 前端之CSS创建的样式

    CSS即层叠样式表,在创建时有以下几种样式: 1.内联样式(行内样式.行间样式): <标记 style=“属性:属性值:”></标记> 2.内部样式(嵌入式样式): <s ...

  6. Sale.js——快速创建促销样式

    小菜编写的又一款jQuery小插件,有兴趣的朋友可以试试~ 简介: 对于一个用于产品展示.销售的网站而言,很可能需要一种促销的特效. 一般而言,我们会在商品图片前加一个促销栏,写上一些促销标语.原价. ...

  7. HTML条件注释用法诠释

    HTML条件注释用法诠释 注释内容以样式为例,如下: 1.支持所有IE浏览器 <!--[if IE]> <link rel="stylesheet" href=& ...

  8. HTML的条件注释和hack技术

    在很多时候,前端的兼容性问题,都很让人头痛!幸运的是,微软从去年声明:从2016年1月12日起,微软将停止为IE8(包括IE8)提供技术支持和安全更新.整个前端圈子都沸腾起来,和今年七月份Adobe宣 ...

  9. HTML的条件注释及hack技术

    在很多时候,前端的兼容性问题,都很让人头痛!幸运的是,微软从去年声明:从2016年1月12日起,微软将停止为IE8(包括IE8)提供技术支持和安全更新.整个前端圈子都沸腾起来,和今年七月份Adobe宣 ...

随机推荐

  1. webview相关链接

    http://tech.it168.com/a2011/0517/1191/000001191561_2.shtml http://www.eoeandroid.com/thread-272495-1 ...

  2. linux系统怎么改为中文版(转)

    linux系统安装好后怎么改为中文版呢?今天就跟大家介绍下linux系统改为中文版的方法,希望能帮助到大家! 以下是linux系统改为中文版的四种方法,一起来看看: 方法1:写入环境变量 echo & ...

  3. linux swap 分区调控（swap分区 lvm管理）

    注:linux swap分区 采用lvm管理,调控可以采用下面的方法 一.查看 swap    lv [root@testdb ~]# vgdisplay -v Finding all volume ...

  4. haproxy ssl相关配置

    ssl-default-bind-options [<option>]... This setting is only available when support for OpenSSL ...

  5. poj 3641 Pseudoprime numbers（快速幂）

    Description Fermat's theorem states that for any prime number p and for any integer a > 1, ap = a ...

  6. Js节点属性与方法

    属性: Attributes     存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType     返回此节点的数据类型 Definition     以D ...

  7. 使用Mysql.data.dll文件在服务器上运行访问Mysql

    我使用的这个Mysql.data.dll文件 web.config上面主要需要声明以下代码 <system.data> <DbProviderFactories> <ad ...

  8. Android开发之自定义圆角矩形图片ImageView的实现 - Jamy Cai

    android中的ImageView只能显示矩形的图片,这样一来不能满足我们其他的需求,比如要显示圆角矩形的图片,这个时候,我们就需要自定义ImageView了,其原理就是首先获取到图片的Bitmap ...

  9. 总结一下.net framework适合装在哪些系统中

    最近在客户这部署,环境是windows server2003 service pack2.因为vs2012开发环境是.net framework4.5,所以发布iis的时候,尝试在sever2003上 ...

  10. c# 集合的交集、并集、差集

    , , , , }; , , , , , }; var jiaoJi = oldArray.Intersect(newArray).ToList();//2,4,5 var oldChaJi = ol ...