兼容ie的css写法有哪些
- 醉折花枝作酒筹原创
- 2021-06-01 16:45:363441浏览
兼容ie的css写法有：1、在属性前面加上“-”或“_”，写法为“_属性:属性值”；2、CSS条件注释，语法“32bf6dd8d9e9c69afb95af0b0e5e6991ebc0028085972931dd35a6e200cef6701b771f47d72d900ba74308aee59557f0”。
本教程操作环境：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中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：css如何让滚动条不显示下一篇：css如何消除锯齿