Css带边框的圆角

Question

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

所以这就是它的样子：

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

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

Answer 1

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

Answer 2

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

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