兼容ie的css写法有哪些


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

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

本教程操作环境: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标签条件注释

阅读剩余部分

相关阅读 >>

如何使用纯css实现圆形图像?

css怎么设置文本框宽度

css如何超出显示滚动条

css3实现打点效果实例讲解

css输入框怎么设置不可编辑

css超出宽度怎么显示省略号

css中伪类和伪元素的详细介绍(代码示例)

css实现div一直旋转的方法

css 预处理器

css的优点和缺点分别是什么

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...