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