解决transform中z-index在safari浏览器中不生效

问题: position:fixed定位的元素会被用transform的元素穿过。

解决方法:

方法1:
父级,任意父级,非body级别,设置overflow:hidden可恢复和其他浏览器一样的渲染。

方法2:
以毒攻毒。有时候,页面复杂,在我们不能给父级设置overflow:hidden,也可以给fixed定位的元素使用3D transform变换来覆盖。

上一篇:文字一行或几行显示不下


下一篇:2021-07-04