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

posted @ 2020-05-28 11:51  热爱前端知识  阅读(326)  评论(0编辑  收藏  举报