我应该采取什么圆角方法？

Question

因此，圆角上不乏信息，我已经完成了大部分工作，而且我发帖是为了得到社区的意见。

我的情景是我们正在开发一个圆角的设计，主要用于交互（<button>和<a>）。我们将使用边框半径为块上的优秀浏览器使用它，然后使用服务器向不向浏览器发送JavaScript。

我想知道用什么来扩展忽略边界半径CSS的浏览器？我需要一些适用于按钮以及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是一个很好的跨浏览器解决方案。