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. 关于Thread的Runnable和Callable接口

    其实非常简单:其实他们的区别就是Callable有返回值并且可以抛出异常. /** * Represents a command that can be executed. Often used to ...

  2. 如何把Python2的代码转换为Python3的代码

    如何把Python2的代码转换为Python3的代码 注: 如果对于python2和python3不熟悉的,可以参考: [整理]总结Python2(Python 2.x版本)和Python3(Pyth ...

  3. gem update --system 302 错误 解决方案（转）

    具体过程如下: 1.InstantRails-2.0安装后,在配置环境变量path中配置ruby/bin目录(如果系统中有多个RUBY,执行命令行的时候系统认的就是path中的) 2.进入DOS命令行 ...

  4. mini2440 uboot使用nfs方式引导内核，文件系统

    mini2440 uboot使用nfs方式引导内核,文件系统 成于坚持,败于止步 看了一段时间的u-boot了,到今天才真正完全实现u-boot引导内核和文件系统,顺利开机,在此记录完整过程 1.首先 ...

  5. Web.config中rewite 节点引起的500.19错误

    刚刚接手一个外包的小项目,客户给了发布后的网站文件和数据库,想在本地搭建一套环境先运行下看看网站原有的效果.数据库还原什么都弄好了,数据库字符串也配置好,部署在本地IIS里面,访问了下,结果看到的是5 ...

  6. Scrapy URLError

    错误信息如下: 2015-12-03 16:05:08 [scrapy] INFO: Scrapy 1.0.3 started (bot: LabelCrawler) 2015-12-03 16:05 ...

  7. 彩虹vpn免费10分钟

    账号:rainbowvpn password:10fenzhong server地址:t.chqvpn.com l2tp密钥:123456

  8. swift锁屏播放，音乐进度更新，专辑，歌手名显示

    我自己用的音乐播放器是自带的AVPlayer 导入头文件#import <MediaPlayer/MediaPlayer.h> 远程控制事件接收与处理- (void)viewWillApp ...

  9. SQL Server DML（UPDATE、INSERT、DELETE）常见用法（一）

    1.引言 T-SQL(Transact Structured Query Language)是标准的SQL的扩展,是程序和SQL Server沟通的主要语言. T-SQL语言主要由以下几部分组成: 数 ...

  10. chrome浏览器的桌面通知

    最近在使用朋友网(不加链接,避免有打广告的嫌疑),发现会出现提示“是否允许网站显示桌面通知?”,如下图所示: 这种做法,在页面加载完时直接调用请求,比起开心网的这种提示感觉有些野蛮了.开心网的桌面通知 ...