IE 创建条件样式

最新推荐文章于 2021-08-03 20:46:20 发布

weixin_30858241

最新推荐文章于 2021-08-03 20:46:20 发布

阅读量49

点赞数

原文链接：http://www.cnblogs.com/rsky/p/4846925.html

版权

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

转载于:https://www.cnblogs.com/rsky/p/4846925.html

weixin_30858241

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫