父元素有border-radius时,overflow 失效

Posted a露露

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了父元素有border-radius时,overflow 失效相关的知识,希望对你有一定的参考价值。

今天做移动端页面是发现,平时在chrome上跑的好好的代码居然失效了.

border-radius:5px;
overflow:hidden;

 在移动端上,发现子元素超出圆角的部分并不会隐藏,加上此段代码后生效:

transform: rotate(0deg);

 

以上是关于父元素有border-radius时,overflow 失效的主要内容,如果未能解决你的问题,请参考以下文章

Chrome opacity非1时border-radius圆角边框剪裁问题

Flexbox弯角

div+css中 父容器用position:relative; 定义,子容器用position:absolute定义 。父容器不能高度自适应

父元素的透明度影响子元素之opacity

父元素的透明度影响子元素之opacity

父元素的透明度影响子元素之opacity