如何在Mobile Safari中使translate3d元素尊重z-index?

时间:2011-10-14 07:18:36

标签: mobile mobile-safari translate3d

我在Mobile Safari中发现有线问题为演示http://mocheng.github.com/demo/translate3d.html

translate.html 中有一页 translate3d_iframe.html 为iframe。 translate3d_iframe.html 中的元素具有样式 -webkit-transform:translate3d(0,0,0)以强制进行3D加速。

有趣的结果是3D-ed元素总是显示在其他元素之上,因为它具有较低的z-index。

更有趣的是:3D-ed元素只显示在其他元素之上。您仍然可以点击菜单项“隐藏”3D-ed元素(点击时会显示警告信息)。

这只能在Mobile Safari中重现。

还有解决方法吗?我只是觉得网络开发者必须知道iOS浏览器如何解决这类问题。

0 个答案:

没有答案