作者:Sally-__ | 来源:互联网 | 2022-03-13 19:47
兼容ie的css写法有:1、在属性前面加上“-”或“_”,写法为“_属性:属性值”;2、CSS条件注释,语法“<!--[ifIE6]><linktype"textcss"href"css地址"><![endif]-->”。
兼容ie的css写法有:1、在属性前面加上“-”或“_”,写法为“_属性:属性值”;2、CSS条件注释,语法“”。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
一、hack
写法:
.demo {
margin-left:30px;
_margin-left:20px;
}
优点:
1、内嵌在CSS中,编写的时候很方便
2、内嵌在CSS中,不会产生更多的HTTP请求
缺点:
1、没有统一在一个模块中,后期维护和修改麻烦
2、即使这种写法不起作用的浏览器,也会将代码加载进去,浪费资源
二、CSS条件注释
写法:
优点:
1、代码独立出来,有利于后期维护
2、对于代码不起作用的浏览器来说,这段代码只是普通的注释,他们加载的时候不会将其内容加载进去,节省资源
缺点:
1、新增了HTTP请求,对于老版本的IE浏览器来说,无疑增加了压力。
扩展:
HTML标签条件注释
.ie6 .demo {
margin-left: 20px;
}
这种方法可以将代码独立出一个模块,也不会新增加HTTP请求,目前被使用较多。
推荐学习:css视频教程
以上就是兼容ie的css写法有哪些的详细内容,更多请关注其它相关文章!