含IE兼容解决方法 纯CSS3实现圆角效果( 二 )



复制代码代码如下:
var settings = {
tl: { radius: 12 },
tr: { radius: 12 },
bl: { radius: 12 },
br: { radius: 12 },
antiAlias: true
};
/* moooo */
$$(’.round’).each(function(rd) {
curvyCorners(settings,rd);
});
我强烈建议你应该指定需要使用圆角的元素,因为让脚本搜索整个页面来寻找需要圆角处理的元素是一个很耗CPU的过程,而且这个过程是每个页面加载时都会执行 。

基本的所有浏览器都支持CSSborder-radius属性,包括IE,火狐,Safari,谷歌浏览器和Opera 。这个小小的功能能让你的页面表现出完全别样的效果 。

推荐阅读