• 技术文章 >web前端 >css教程

    兼容ie的css写法有哪些

    醉折花枝作酒筹醉折花枝作酒筹2021-06-01 16:45:36原创94

    兼容ie的css写法有:1、在属性前面加上“-”或“_”,写法为“_属性:属性值”;2、CSS条件注释,语法“<!--[if IE 6]><link type="text/css" href="css地址" /><![endif]-->”。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    一、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]-->
    .ie6 .demo {  
        margin-left: 20px;
          }

    这种方法可以将代码独立出一个模块,也不会新增加HTTP请求,目前被使用较多。

    推荐学习:css视频教程

    以上就是兼容ie的css写法有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css ie兼容写法
    上一篇:css如何让滚动条不显示 下一篇:css如何消除锯齿
    第16期线上培训班

    相关文章推荐

    • css是啥• css哪些属性可以继承• css如何增加权重• css如何设置字体• css如何让滚动条不显示

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网