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]-->
上一篇:如何编写51单片机超声波测距SR04_lcd1602显示程序


下一篇:Python爬虫实战之爬取百度贴吧帖子