我应该采取什么圆角方法？
因此，关于圆角的信息并不缺乏，我已经经历过其中的大部分，我发帖是为了征求社区对这一点的意见。
我的场景是，我们正在开发一个圆角相关设计，主要用于交互（
我想知道用什么来放大忽略边框半径 CSS 的浏览器？我需要一些适用于按钮以及 a、div 等的东西。我一直在查看以下内容，发现有些内容与
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/ 在这一点上，它对我来说似乎是最强的候选者。
So there's no shortage of information out there on rounded corners and I've been through much of it and I'm posting to get the opinions of the communities on this point.
My scenario is that we're developing a rounded corner dependent design, mainly used for interactions (<button> and <a>). We are going to use border radius for the good browsers on the block that play nice with it and then use the server to send down JavaScript to browsers that don't.
What I'm wondering is what to use to up scale the browsers that ignore border radius CSS? I need something that works on button as well as a, div etc. I've been looking at the following and have found that some don't play nice with <button>. Also the site already uses 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/
Edit: I've also looked at http://www.dillerdesign.com/experiment/DD_roundies/ and at this point it seems the strongest candidate to me.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（6）
它们都差不多。我使用了最后一个（http://www.malsup.com/jquery/corner/< /a>）并且效果很好。几乎可以肯定，它的角样式比您关心的要多，但在 8KB 大小的情况下，它并不算太重。
They're all much the same. I've used the last one (http://www.malsup.com/jquery/corner/) and it works great. Almost certainly has more corner styles than you care about, but at 8KB, it's not too heavyweight.
使用有效的方法并按时完成项目。除此之外，你不太可能得到太多有用的反馈，因为从一个或另一个角度来看，它们都很糟糕，具体取决于你如何查看图像、JavaScript、语义、添加额外的标签以“使其工作”等。
Use the one that works and gets the project done on time. Beyond that you're not likely to get much useful feedback on this as they all suck from one standpoint or another depending on how you view images, javascript, semantics, adding extra tags to "make it work", etc.
总的来说，您应该使用 -webkit-border-radius 和 -moz-border-radius 来支持所有 Webkit 和 Mozilla 浏览器。要修复 IE，有一个 javascript 函数可以做到这一点。希望有帮助！
Overall, you should just go with the -webkit-border-radius as well as the -moz-border-radius to support all Webkit and Mozilla browsers. To have a fix with IE, there is a javascript function to do that. Hope that helps!
spiffycorners.com 采用 100% CSS 方法，甚至可以在 IE6 中使用！这就是我用的...
spiffycorners.com has a 100% css approach that even works in IE6! This is what I use...
我对上述 Javascript 方法有一些经验，它们都非常有效。就我个人而言，我会选择与现有 Javascript 框架很好集成的东西，比如 JQuery（这是我个人的选择）。
然而，就内存使用而言，将效果应用于许多元素对于浏览器来说可能非常麻烦。由于我过于慷慨地应用角效果，我遇到过很多浏览器崩溃的情况。
I've had some experience with the Javascript methods described above and they all work great. Personally I would go for something that integrates well with existing Javascript frameworks, like JQuery (which would be my personal choice).
Applying the effect to a lot of elements can be very cumbersome for the browser in terms of memory usage however. I've had quite a lot of browser crashes due to me being too generous with applying corner effects.
你看过 Stu Nicholis 的 CSS 表演吗？他的 Snazzy Border 和 Krazy Korners 是一个很好的跨浏览器解决方案。
Have you looked at Stu Nicholis' CSS play? His Snazzy Borders and Krazy Korners are a nice cross-browser solution.