带边框的CSS圆角

【问题标题】：Css rounded corners with border带边框的CSS圆角
【发布时间】：2011-02-12 06:36:25
【问题描述】：

我使用 css 将圆角应用于 li 导航元素。这个元素也有边框。

这就是它的样子：

就像你可以看到圆角的质量 - 边框组合很奇怪，有一点白色的光透过。

知道如何解决这个问题吗？我必须使用 bg-images 吗？

【问题讨论】：

【解决方案1】：

很遗憾，是的，您应该使用背景图片。某些浏览器无法正确处理 border-radius 的实际边框。您甚至可以在 Firefox 上看到 Stack Overflow 的徽章样式（也使用 border-radius）发生这种情况。除了向相应的供应商报告错误之外，我认为您无法解决border-radius 问题。

【讨论】：

【解决方案2】：

是的，它可以使用这个 jquery 插件来完成。 http://jquery.malsup.com/corner/

没有角落图像，使用嵌套的 div 来绘制边框。它灵活且易于使用。它还添加了对原生边框半径的支持，因此它只在不支持边框半径的浏览器上执行。

【讨论】：