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

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

解决办法:

只需在父元素设置即可:

方法1、

transform: rotate(0deg);

方法2、

position: relative; z-index:1;

 

相关文章: