我在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浏览器如何解决这类问题。