带边框的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绘制边框。它灵活且易于使用。它还增加了对原生边界半径的支持，因此它只在不支持支持边界半径的浏览器上执行。