CurvyCorners的替代方案

Question

3

有没有一种基于CSS的替代CurvyCorners的脚本来实现边框圆角呢？CurveryCorners有很多bug，而且很少按照预期工作，已经不值得使用了。谢谢。

- JacobTheDev

1

普遍的观点是，你只需将CSS border-radius作为“渐进增强”使用。在不支持它的浏览器中，方形角仅是一种外观上的差异（即不是很重要）。我曾经使用过纯CSS曲线角，但它们需要至少3个嵌套的div才能产生外观效果。不值得。 - Greg Pettit

2

+1 给那些没有 CSS3 兼容浏览器的失败者填充... :) - MrBliz

我的意思是应该使用JavaScript来读取CSS的border-radius属性。我个人持有同样的观点，但我的项目经理希望在旧版浏览器中为我们客户的网站添加圆角。 - JacobTheDev

1

@Rev - CSS3Pie解决了这个问题。请查看我的答案以获取详细信息。 - Spudley

2个回答

0

过去我一直使用Diller Design's的Roundies，这个工具对我来说一直表现得非常好。

它使用VML来创建圆角边框。

不幸的是，我认为作者已经不再更新它了。

- MrBliz

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Spudley · Accepted Answer

另一种方法是使用CSS3的border-radius样式。

除了IE8及更早版本之外，所有当前浏览器都可以直接使用此功能。对于非IE浏览器，您不应该为此运行任何脚本，因为它是浏览器中的标准内置功能。

对于IE8及更早版本，有一种名为CSS3Pie的黑客工具，可使IE也支持标准的CSS3 border-radius样式。这是基于Javascript的，但可与标准CSS代码一起使用，这意味着您可以在所有浏览器中使用相同的样式。

作为额外的奖励，CSS3Pie还实现了IE的CSS3框阴影和渐变效果。它正在积极开发中，并且作者在论坛上帮助人们解决问题。