我应该采取哪种圆角方法？

Question

因此，圆角处的信息并不缺乏，我已经浏览了很多信息，我正在发布以征询社区的意见。

我的情况是我们正在开发一个依赖于圆角的设计，主要用于交互（ <button>和<a> ）。 我们将对边界上的良好浏览器使用边界半径，使其与边界浏览器配合使用，然后使用服务器将JavaScript向下发送给不兼容的浏览器。

我想知道的是什么可以用来扩大忽略边界半径CSS的浏览器？ 我需要可以在button以及a，div等上使用的东西。我一直在查看以下内容，发现有些<button>效果不佳。 该站点还已经使用jQuery。

http://www.curvycorners.net/ - http://code.google.com/p/jquerycurvycorners/

http://www.html.it/articoli/niftycube/index.html

http://www.malsup.com/jquery/corner/

编辑：我也看过http://www.dillerdesign.com/experiment/DD_roundies/ ，这时对我来说似乎是最强的候选人。

Answer 1

他们都是一样的。 我用了最后一个（ http://www.malsup.com/jquery/corner/ ），它的效果很好。 比你所关心的几乎可以肯定有更多的边角样式，但在8KB，这不是太重量级。

Answer 2

使用可行的方法并按时完成项目。 除此之外，您不太可能获得很多有用的反馈，因为它们都从一个或另一个角度吸取，这取决于您如何查看图像，javascript，语义，添加额外的标签以“使其工作”等。

Answer 3

总体而言，您应该只使用-webkit-border-radius以及-moz-border-radius来支持所有Webkit和Mozilla浏览器。 要使用IE进行修复，有一个javascript函数可以做到这一点。 希望有帮助！

Answer 4

spiffycorners.com具有100％的CSS方法，甚至可以在IE6中使用！ 这就是我用的...

Answer 5

我对上述Javascript方法有一些经验，它们都很好用。 就个人而言，我会选择与现有Javascript框架很好地集成的东西，例如JQuery（这将是我个人的选择）。

但是，就内存使用而言，将效果应用于许多元素对于浏览器可能非常麻烦。 由于我过于慷慨地应用了角点效果，因此导致了很多浏览器崩溃。

Answer 6

您是否看过Stu Nicholis的CSS剧本？ 他的Snazzy Borders和Krazy Korners是一个很好的跨浏览器解决方案。