首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >当使用边界半径时,边界会被切断吗?

问当使用边界半径时,边界会被切断吗?
EN

Stack Overflow用户
提问于 2012-09-13 18:13:55
回答 2查看 14.7K关注 0票数 14

我有一张有5px边框的图片,我想让图片和边框的边角变圆,但在webkit中,图像仍然是矩形的,而边框的边角是圆角的。结果,图像与边框重叠,并在每个角落的边框线之间创建了一个看起来像是空隙的东西。

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

EN

回答 2

Stack Overflow用户

发布于 2012-09-13 18:26:12

您必须使用div的overflow属性,因为它显示在this fiddle中

致以问候。

票数 36
EN

Stack Overflow用户

发布于 2019-12-05 18:10:23

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

您可以使用:

代码语言:javascript
复制
border-radius: ...
overflow: hidden; /*add this*/

要截断溢出的内容的角度

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12403998

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档