让IE6/IE7/IE8浏览器支持CSS3属性

chen'mo
2013-09-26 / 0 评论 / 1,503 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于1970年01月01日,已超过19838天没有更新,若内容或图片失效,请留言反馈。

大家都知道IE 6,IE7,IE8不支持css3中新加属性,老外写了一个ie-css3.htc,主要利用的是VML原理,可以让IE 6,7,8支持部分的CSS3属性,包括:border-radius(圆角),box-shadow(阴影),text-shadow(文本阴影)。

使用是很容易的,看下面的示例代码:


.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */
}

可以看到,除了最后添加了behavior这么一句,CSS3属性还是那个CSS3属性,不需要化妆、修饰或是化身为变形金刚,这也是此方法的优点所在。
PS:htc文件一定要放在服务器上,放在本地测试是不行的!而且考虑到性能问题,尽量不用htc文件。
htc下载:ie-css3.htc


转载请注明: 转载自WEB前端开发(www.css119.com)

0
酷盘宣布推出照片无限量存储和10T免费空间
« 上一篇 09-25
轻量社区系统StartBBS
下一篇 » 09-29

评论 (0)

插入图片