让IE实现CSS3中的border-radius(圆角)

时间:2010年04月28日作者:愚人码头查看次数:12,144 views评论次数:12

今天网上看到了一个让IE实现CSS3中的border-radius(圆角):


.box-radius {
border-radius: 15px;
behavior: url(border-radius.htc);
}

演示地址:http://www.css88.com/demo/border-radius/

下载htc文件(源码来自):http://code.google.com/p/curved-corner/

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

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《让IE实现CSS3中的border-radius(圆角)

如果你读了我的文章,觉得有帮助: 说明
10条评论
  1. crossyou留言于:2010年04月29日09:32

    杀花。问下border-radius.htc是个什么文件?

    [回复]

  2. 愚人码头留言于:2010年04月29日09:42

    @crossyou google一下你就知道,其实就是一个js文件

    [回复]

  3. 万戈留言于:2010年04月29日17:48

    试了一下,还是不如CSS3那样的完美,可恶的IE

    [回复]

  4. 断断留言于:2010年04月30日11:41

    IE6下没效果。。。

    [回复]

    断桥残雪 回复于:

    @断断, htc文件需要放在服务器下才可以,而且与页面同域名!

    [回复]

  5. 愚人码头留言于:2010年04月30日11:46

    @ 断断,不可能吧!

    [回复]

  6. Shawn留言于:2010年04月30日15:03

    IE6下是可以运行的 在本地测试时是不可以的 但是部署到服务器里访问就可以

    [回复]

  7. baobao留言于:2010年06月08日09:19

    我把它放在服务器上,然后在静态页面里测试可以吗?

    [回复]

  8. Alan留言于:2010年08月15日21:06

    本地可以测试

    [回复]

  9. gongyy999留言于:2010年11月18日15:54

    我用IE6,7看你的DEMO为何都不行

    [回复]

  10. xiaowei3296留言于:2011年03月07日10:53

    测试了 很完美

    [回复]

发表评论

*

*