让IE 6,7,8支持部分的CSS3属性

大家知道IE 6,7,8不支持CSS3中新加属性,老外写了一个htc,可以让IE 6,7,8模拟部分的CSS3属性,包括:border-radius(圆角),box-shadow(阴影),text-shadow(文本阴影):

注意:??htc文件是要放在服务器上,放在本地测试是不行的!

见代码:
[code=”css”]
.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属性 */
}
[/code]

下载htc文件:https://www.html.cn/demo/ie-css3/ie-css3.htc

原站:http://fetchak.com/ie-css3/

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 让IE 6,7,8支持部分的CSS3属性

评论 13

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

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

    kevin9年前 (2010-04-14)回复
  2. #-48

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

    万戈9年前 (2010-04-14)回复
  3. #-47

    测试了,不行哦

    Jashion9年前 (2010-04-15)回复
  4. #-46

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

    9年前 (2010-04-15)回复
  5. #-45

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

    atlas9年前 (2010-04-16)回复
  6. #-44

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

    idamag9年前 (2010-04-18)回复
  7. #-43

    这玩意不太好用~

    chisdy9年前 (2010-05-03)回复
  8. #-42

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

    jessica9年前 (2010-07-01)回复
  9. #-41

    我擦..
    强悍,..

    Toby8年前 (2010-11-10)回复
  10. #-40

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

    gafish8年前 (2010-11-10)回复
  11. #-39

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

    i-designers8年前 (2011-05-31)回复
  12. #-38

    it dosen’t work at IE6 ,7 8 .

    cmcwfrj7年前 (2011-12-14)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏