记录项目开发过程中遇到的一些Safari兼容性问题。
- Safari下overflow:hidden + border-radius失效
Safari下overflow:hidden + border-radius失效
Safari下,父元素设置overflow: hidden
+ border-radius
,子元素hover
放大时,父元素border-radius
的限制无效:
See the Pen Untitled by ly023 (@ly023) on CodePen.
解决方法:在设置overflow: hidden
的元素上添加transform: translateZ(0);
See the Pen Safari下overflow:hidden + border-radius兼容问题解决方案 by ly023 (@ly023) on CodePen.