html - 使用边框半径时边框被切断？

Question

我有一个图像，它周围有一个 5px 的边框，我想把图像和边框的角都弄圆，但是在 webkit 中，图像仍然是矩形，而边框的角是圆角的。结果，图像与边界重叠，并在每个角的边界线之间产生了看起来像是间隙的东西。

我希望它看起来像这样http://jsfiddle.net/rmi14/HWDtx/19/，但在 webkit 上，白色背景是矩形的，最终会重叠一些浅蓝色边框并将其切断。

score 36 · Accepted Answer

36

您必须使用该overflow属性，div因为它显示在此小提琴中

问候。

于 2012-09-13T10:26:12.317 回答

score 5 · Accepted Answer

因为内容角度溢出了容器角度的圆形边框

您可以使用：

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

切断溢出内容的角度

2 回答 2