兼容IE的CSS写法

最新推荐文章于 2022-09-24 17:29:46 发布

LLLL765

最新推荐文章于 2022-09-24 17:29:46 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/acm765152844/article/details/50805460

版权

一、hack
写法：
 
 
    .demo { 
    margin-left 
    :  
    30px 
    ;  
    _margin-left 
    :  
    20px 
    ; }
 优点：
 1、内嵌在CSS中，编写的时候很方便
 2、内嵌在CSS中，不会产生更多的HTTP请求
 缺点：
 1、没有统一在一个模块中，后期维护和修改麻烦
 2、即使这种写法不起作用的浏览器，也会将代码加载进去，浪费资源
  
   
二、CSS条件注释
写法：
 
<!--[if IE 6 ]>
    <link rel="stylesheet" type="text/css" media="all" href="./ie6.css" />
<![endif]-->
优点：
1、代码独立出来，有利于后期维护
2、对于代码不起作用的浏览器来说，这段代码只是普通的注释，他们加载的时候不会将其内容加载进去，节省资源
缺点：
1、新增了HTTP请求，对于老版本的IE浏览器来说，无疑增加了压力。
三、HTML标签条件注释

 
 
    <! 
    DOCTYPE 
    html> 
   
 
    <!--[if IE 6 ]> <html class="ie6 lte_ie6 lte_ie7 lte_ie8" lang="zh-CN"> <![endif]--> 
   
 
    <!--[if lte IE 6 ]> <html class="lte_ie6 lte_ie7 lte_ie8" lang="zh-CN"> <![endif]--> 
   
 
    <!--[if lte IE 7 ]> <html class="lte_ie7 lte_ie8" lang="zh-CN"> <![endif]--> 
   
 
    <!--[if lte IE 8 ]> <html class="lte_ie8" lang="zh-CN"> <![endif]--> 
   
 
    <!--[if (gte IE 9)|!(IE)]><!--> 
    < 
    html 
    lang 
    = 
    "zh-CN" 
    > 
    <!--<![endif]--> 
   
 
    .ie 
    6 
    .demo { 
    margin-left 
    :  
    20px 
    ; } 
   
这种方法可以将代码独立出一个模块，也不会新增加HTTP请求，目前被使用较多。
 

 