今天做移动端页面是发现,平时在chrome上跑的好好的代码居然失效了.
border-radius:5px;
overflow:hidden;
在移动端上,发现子元素超出圆角的部分并不会隐藏,加上此段代码后生效:
transform: rotate(0deg);
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圆角边框剪裁问题
div+css中 父容器用position:relative; 定义,子容器用position:absolute定义 。父容器不能高度自适应