border-radius导致overflow:auto 或者 overflow:hidden失效,溢出问题解决方法

左手的ㄟ右手 2024-04-17 05:38 70阅读 0赞

如图所示:如果一个父元素设置了overflow:hidden属于的同时还设置了border-radius属性,那么如果想隐藏超出的子元素,四个圆角处会出现超出圆角依然显示的bug;

解决办法:

只需在父元素设置即可:

方法1、

transform: rotate(0deg);
方法2、

position: relative; z-index:1;

发表评论

表情:
评论列表 (有 0 条评论,70人围观)

还没有评论,来说两句吧...

相关阅读