使用邊界半徑時邊界被切斷？

Question

我有一個圖像，它周圍有一個 5px 的邊框，我想把圖像和邊框的角都修圓，但在 webkit 中，圖像保持矩形，而邊框的角是圓角。 結果，圖像與邊界重疊，並在每個角的邊界線之間創建了一個看起來像間隙的東西。

我希望它看起來像這樣http://jsfiddle.net/rmi14/HWDtx/19/ ，但在 webkit 上，白色背景是矩形的，最終與一些淺藍色邊框重疊並將其切斷。

Answer 1

你必須為你的div使用overflow屬性，因為它在這個小提琴中顯示

問候。

Answer 2

因為內容角度溢出容器角度的圓形邊框

您可以使用：

border-radius: ...
overflow: hidden; /*add this*/

切斷溢出的內容的角度