让IE 6,7,8支持部分的CSS3属性
时间:2010年04月14日作者:愚人码头查看次数:8,366 views评论次数:13
大家知道IE 6,7,8不支持CSS3中新加属性,老外写了一个htc,可以让IE 6,7,8模拟部分的CSS3属性,包括:border-radius(圆角),box-shadow(阴影),text-shadow(文本阴影):
注意:htc文件是要放在服务器上,放在本地测试是不行的!
见代码:
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc); /* 可以让IE 6,7,8模拟部分的CSS3属性 */
}
下载htc文件:http://www.css88.com/demo/ie-css3/ie-css3.htc
原站:http://fetchak.com/ie-css3/
声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《让IE 6,7,8支持部分的CSS3属性》
如果你读了我的文章,觉得有帮助:
说明
发表评论



我操咧,码爷,我爱死你了!!!
[回复]
很想要,试了下,不行。。。。
[回复]
测试了,不行哦
[回复]
忘了说了,htc要放在服务器上的,再试试吧!htc放在本地上是不行的,呵呵
[回复]
看了一下,貌似是用滤镜做的
[回复]
试过了不错,不过IE上,会有从方的边角转换为圆边角的过渡。
[回复]
这玩意不太好用~
[回复]
本地可以测试的,htc文件要放在文件夹的根目录!并不是放在跟css文件同一个目录……
[回复]
我擦..
强悍,..
[回复]
ie这几个版本本就不支持css3,何必强扭呢
[回复]
根目录也不行,IE6没效果,没戏……
[回复]
it dosen’t work at IE6 ,7 8 .
[回复]