帶邊框的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繪製邊框。它靈活且易於使用。它還增加了對原生邊界半徑的支持，因此它只在不支持支持邊界半徑的瀏覽器上執行。