我是靠谱客的博主 碧蓝电话,这篇文章主要介绍兼容ie的css写法有哪些,现在分享给大家,希望可以做个参考。

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

一、hack

写法:

复制代码
1
2
3
4
.demo { margin-left:30px; _margin-left:20px; }
登录后复制

优点:

1、内嵌在CSS中,编写的时候很方便

2、内嵌在CSS中,不会产生更多的HTTP请求

缺点:

1、没有统一在一个模块中,后期维护和修改麻烦

2、即使这种写法不起作用的浏览器,也会将代码加载进去,浪费资源

二、CSS条件注释

写法:

复制代码
1
2
3
<!--[if IE 6 ]> <link rel="stylesheet" type="text/css" media="all" href="./ie6.css" /> <![endif]-->
登录后复制

优点:

1、代码独立出来,有利于后期维护

2、对于代码不起作用的浏览器来说,这段代码只是普通的注释,他们加载的时候不会将其内容加载进去,节省资源

缺点:

1、新增了HTTP请求,对于老版本的IE浏览器来说,无疑增加了压力。

扩展:

HTML标签条件注释

复制代码
1
2
3
4
5
6
<!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]-->
登录后复制
复制代码
1
2
3
.ie6 .demo { margin-left: 20px; }
登录后复制

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

推荐学习:css视频教程

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

最后

以上就是碧蓝电话最近收集整理的关于兼容ie的css写法有哪些的全部内容,更多相关兼容ie内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(84)

评论列表共有 0 条评论

立即
投稿
返回
顶部