使用border-radius时边框会被切断？

Question

我有一个图像,周围有一个5px的边框,我想围绕图像和边框的角落,但在webkit中,图像保持矩形,而边框的角是圆的.结果,图像与边界重叠并且在每个角落处创建看起来像边界线之间的间隙的图像.

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

Answer 1

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

问候.

Answer 2

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

您可以使用：

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

切断溢出的内容的角度