使用边框半径时边框被切断？答案

【问题标题】：Border is cutting off when using border-radius?使用边框半径时边框被切断？
【发布时间】：2012-09-13 10:13:55
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

问候。

【讨论】：

【解决方案2】：

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

你可以使用：

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

切断溢出内容的角度

【讨论】：