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

愚人码头 撰写  

今天网上看到了一个让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文件是要放在服务器上,放在本地测试是不行的!

更多相关链接:


相关日志:

刚刚被浏览过的文章:


8 条评论

  1. 发表了 2010年04月29日 在 9:32 上午 | 永久链接

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

  2. 发表了 2010年04月29日 在 9:42 上午 | 永久链接

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

  3. 发表了 2010年04月29日 在 5:48 下午 | 永久链接

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

  4. 断断
    发表了 2010年04月30日 在 11:41 上午 | 永久链接

    IE6下没效果。。。

  5. 发表了 2010年04月30日 在 11:46 上午 | 永久链接

    @ 断断,不可能吧!

  6. 发表了 2010年04月30日 在 3:03 下午 | 永久链接

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

  7. baobao
    发表了 2010年06月8日 在 9:19 上午 | 永久链接

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

  8. 发表了 2010年08月15日 在 9:06 下午 | 永久链接

    本地可以测试

个引用通告

  1. [...] 如果你要实现CSS3的高级特性,比如圆角,阴影,当然也可以。但是在IE下也是必须要付出额外代价,在IE9出现之前不推荐。但是针对圆角这么实用的功能性CSS,解决办法纯CSS也很多,比如CSS8中的这篇文章:http://www.css88.com/archives/2230 (实现CSS3圆角)还有这篇文章http://www.css88.com/archives/2240 (实现CSS3阴影) [...]

发表评论

Your email is never shared. 标记为 * 的为必填项目

*
*

评论时,昵称或个人网站填的是商业网站的,一概标记为垃圾评论不予显示,并设置相关网站为过滤关键字,提交到google、百度垃圾网站数据库