一个关于css的问题，iOS层级失效怎么办

Posted 2021-09-25 一dou米

前几天做了一个长图H5，长按按钮移动画面。结果做完测试的时候发现ios下按钮按下后消失了。审查元素发现它跑到了其他图片的下面，被盖住了，WTF...。看了看z-index，一千多不应该被盖住吧，但是无论怎么调它都出不来，只要点击立刻消失。

哪怕把他挪到最外层还是不行。。。。。。

最后只能疯狂百度，发现也有其他同学遇到过，解决方案就是加上这么一句

-webkit-transform:translateZ(1px);
-moz-transform:translateZ(1px);
-o-transform:translateZ(1px);
transform:translateZ(1px);

原因是什么不知道，但是问题真的解决了。

淦！