使用border-radius时边框是否会被切断?

时间:2012-09-13 10:13:55

标签: html css border overlap css3

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

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

2 个答案:

答案 0 :(得分:19)

您必须使用overflow的{​​{1}}属性,因为它显示在this fiddle

问候。

答案 1 :(得分:0)

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

您可以使用:

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

切断溢出内容的角度