[使用边界半径时边界被切断吗？

Question

我有一个周围有5像素边框的图像，我想将图像和边框的角都弄圆，但是在webkit中，图像保持矩形，而边框的角是圆的。结果，图像与边界重叠，并在每个角的边界线之间创建了看起来像间隙的形状。

我希望它看起来像http://jsfiddle.net/rmi14/HWDtx/19/，但在webkit中，白色背景为矩形，最终重叠了一些浅蓝色边框并将其切掉。

Answer 1

您必须为overflow使用div属性，如this fiddle中所示

问候

Answer 2

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

您可以使用：

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

切断溢出内容的角度