兼容ie的cs S写 法有:1、在属性前面加上“-”或“_”,写法为“_属性:属性值”;2、CSS条件注释,语法“<!--[if IE 6]><link ty PE ="text/css" hr ef="css地址" /><![endif]-->”。
本教程操作环境:windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
一、hack
写法:
.demo { m arg in-left:30px; _mar gin -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写法有 哪些 的详细内容,更多请关注其它相关 文章 !
总结
以上是 为你收集整理的 兼容ie的css写法有哪些 全部内容,希望文章能够帮你解决 兼容ie的css写法有哪些 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did199913