如何在Mobile Safari中使translate3d元素尊重z索引？

作为演示，我在Mobile Safari中发现了一个有线问题

在translate.html内部有一个页面translate3d\u iframe.html作为iframe。htmltranslate3d\u iframe.html中的元素具有样式-webkit transform:translate3d（0,0,0）以强制3d加速

有趣的结果是，如果z索引较低，3D ed元素将始终显示在其他元素的顶部

更有趣的是：3D ed元素只是显示在其他元素的顶部。您仍然可以点击菜单项“隐藏方式”3D ed元素（点击时显示警告消息）

这只能在Mobile Safari中复制

---

有没有办法解决这个问题？我只是觉得web开发人员必须知道iOS浏览器是如何解决此类问题的。

现在还没有找到解决方案，这有点令人不安……如果找到了，请随时通知我！似乎没有解决办法。所以，关键是“永远不要在移动网络中使用iframe”。不仅仅是iframe——我们用translate3d（jQuery同位素插件）定位了div，我们的菜单div等出现在基于移动网络工具包的browsersDIV中，translate3d不尊重z索引。这是一个已知的问题。嗨@MorganCheng--你在这里找到答案了吗？我遇到了同样的问题，但是关于不同的3d ed元素。。。还有彼此！