HTML / CSS最佳方式圆角[重复]答案

【问题标题】：HTML/CSS Best way rounded corners [duplicate]HTML / CSS最佳方式圆角[重复]
【发布时间】：2010-11-24 13:57:33
【问题描述】：

可能重复：
What is the best way to create rounded corners using CSS?

在 div 容器中制作圆角的最佳方法是什么！我需要一个适用于所有浏览器的解决方案.. 我尝试过的是

是唯一可行的解决方案（适用于所有浏览器）使用图像吗？

谢谢

【问题讨论】：

“最佳解决方案”是什么意思？你的标准是什么？有很多可能存在各种缺点的解决方案，有些使用 javascript，有些使用大量附加标记，有些使用大量图像。请更具体。
复制：stackoverflow.com/questions/7089/… & stackoverflow.com/questions/1127227/css-rounded-corners & stackoverflow.com/questions/823218/… & stackoverflow.com/search?q=rounded+corners

【解决方案1】：

如果您需要它在任何地方都可以工作并且还考虑到 JavaScript 被关闭的可能性，那么您唯一的选择就是使用背景图片。

【讨论】：

【解决方案2】：

我一直认为这个解决方案在 IE 中可以工作..（没有测试，没有 windows）

编辑：是的 - 它至少在 IE 7.0 中工作

【讨论】：

【解决方案3】：

您使用的是哪个角落插件？ Javascript 圆角绝对适用于 Chrome。如果您对特定插件有疑问，请寻求专门的帮助。

但总的来说，对于圆角，我更喜欢使用 css。它在受支持的浏览器上看起来不错，并且在没有 IE 性能影响的情况下优雅地降级（通常看起来一样漂亮，看，facebook 刚刚删除了圆角：http://www.techcrunch.com/2009/08/26/facebook-tweaks-design-drops-rounded-corners/）。

但是，如果您必须有圆角，JS 是一个很好的解决方案。提供一些不起作用的示例，我们可以尝试提供帮助。

【讨论】：

【解决方案4】：

根据我的经验，Nifty Corners 就像一种魅力。跨浏览器兼容（Google 报告称 Chrome 也可以很好地调整圆角）。

【讨论】：