translate3d 对 z-index 居然有影响

2024年3月25日 206次阅读 来源: kelvinlee

在 Mobile 端需要注意.

安卓 默认浏览器 当中如果

div1
div2

如果 div1 有 translate3d 而 div2 没有

那么 div2 的 z-index 会无效.

解决办法: 给 div2 也加上 translate3d(0,0,0)

测试版本: 安卓 4.2.2

stackoverflow 有人提问过: http://stackoverflow.com/questions/5472802/css-z-index-lost-after-webkit-transform-translate3d

    原文作者：kelvinlee
    原文地址: https://segmentfault.com/a/1190000002522940
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞