让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属性

如果你读了我的文章,觉得有帮助: 说明
标签:分类:html+css, html5+css3
12条评论
  1. kevin留言于:2010年04月14日16:55

    我操咧,码爷,我爱死你了!!!

    [回复]

  2. 万戈留言于:2010年04月14日21:14

    很想要,试了下,不行。。。。

    [回复]

  3. Jashion留言于:2010年04月15日08:23

    测试了,不行哦

    [回复]

  4. 愚人码头留言于:2010年04月15日08:39

    忘了说了,htc要放在服务器上的,再试试吧!htc放在本地上是不行的,呵呵

    [回复]

  5. atlas留言于:2010年04月16日22:45

    看了一下,貌似是用滤镜做的

    [回复]

  6. idamag留言于:2010年04月18日21:53

    试过了不错,不过IE上,会有从方的边角转换为圆边角的过渡。

    [回复]

  7. chisdy留言于:2010年05月03日19:42

    这玩意不太好用~

    [回复]

  8. jessica留言于:2010年07月01日14:27

    本地可以测试的,htc文件要放在文件夹的根目录!并不是放在跟css文件同一个目录……

    [回复]

  9. Toby留言于:2010年11月10日09:37

    我擦..
    强悍,..

    [回复]

  10. gafish留言于:2010年11月10日14:34

    ie这几个版本本就不支持css3,何必强扭呢

    [回复]

  11. i-designers留言于:2011年05月31日10:22

    根目录也不行,IE6没效果,没戏……

    [回复]

  12. cmcwfrj留言于:2011年12月14日16:23

    it dosen’t work at IE6 ,7 8 .

    [回复]

发表评论

*

*