针对于ie不同版本的引入相对应的css样式

最新推荐文章于 2024-01-15 16:55:56 发布

雨里去

最新推荐文章于 2024-01-15 16:55:56 发布

阅读量1.4k

点赞数

分类专栏： web前端前端－css样式

本文链接：https://blog.csdn.net/abeetle/article/details/36180351

版权

web前端同时被 2 个专栏收录

35 篇文章 1 订阅

订阅专栏

前端－css样式

15 篇文章 0 订阅

订阅专栏

一。根据不同浏览器的引入不同的css文件

对ie6-8在html中添加no-css3类和各个版本的class，对ie7以下添加lte7这个class。

<!DOCTYPE HTML>
<!--[if IE 6]><html class="ie6 lte9 lte7 no-css3" lang="zh-cn"><![endif]-->
<!--[if IE 8]><html class="ie8 lte9 no-css3" lang="zh-cn"><![endif]-->
<!--[if IE 9]><html class="ie9 lte9 no-css3" lang="zh-cn"><![endif]-->
<!--[if IE 7]><html class="ie7 lte9 lte7 no-css3" lang="zh-cn"><![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) | !(IE 9)  ]><!--><html lang="zh-cn"><!--<![endif]-->
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>

<body>

</body>
</html>

二。判断浏览器，添加所需文件

//为ie6-8添加一个ie.css文件
<!--[if lte IE 8]><link href="css/ie.css" type="text/css" rel="stylesheet" media="all"><![endif]-->
//为ie6添加处理png的js文件
<!--[if IE 6]>
      <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js?_v=<%=JS_VERSION%>"></script>
      <script type="text/javascript">
          //给所有需要处理的png图片加上dd-pngifx这个class，就可以处理了
          DD_belatedPNG.fix(".dd-pngfix");
      </script>
<![endif]-->

参考：http://www.w3cplus.com/framework/index.php