Posted 10manongit
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了translate3d 对 z-index 居然有影响相关的知识，希望对你有一定的参考价值。
在 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
以上是关于translate3d 对 z-index 居然有影响的主要内容，如果未能解决你的问题，请参考以下文章
iOS 12 Safari iframe + 位置：固定 + translate3d 错误
元素的 z-index 对 :before / :after 伪元素的 z-index 的影响
Bootstrap 4 下拉菜单 translate3d() 位置不正确