父元素同时设置border-radius和overflow:hidden时,IOS 下safari/微信中子元素仍然超出。

597 阅读1分钟

父元素同时设置border-radius和overflow:hidden时,IOS 下safari/微信中子元素仍然超出。

解决方法:

在父元素同时设置transform: rotate(0deg) 或 transform: scale(1) 或 transform: translateZ(0.01px) 都可以解决 个人认为是transform 提高某种层级; 比如在微信公众号图文中,当被上层覆盖无法点击时,可通过设置transform属性来提高层级,使其可触发到。