我有两个绝对位置重叠的div元素.两者都通过CSS设置了z索引值.我使用translate3dwebkit转换使这些元素离开屏幕，然后再回到屏幕上.转换后，元素不再尊重其设置的z-index值.
有人能解释一下，一旦我对div元素执行webkit转换，它们的z索引/堆栈顺序会发生什么变化吗？并解释我可以做些什么来保持div元素的堆栈顺序？
下面是关于我如何进行转换的更多信息.
在转换之前，每个元素通过css获得这两个webkit转换值(我使用jQuery进行.css()个函数调用:
element.css({ '-webkit-transition-duration': duration + 's' });
element.css({ '-webkit-transition-property': '-webkit-transform' });
然后使用转换3d-webkit-转换为该元素设置动画:
element.css({ '-webkit-transform': 'translate3d(' + hwDelta + 'px, 0, -1px)' });
顺便说一句，我已经try 将第三个参数translate3d设置为几个不同的值，试图在3D空间中复制堆栈顺序，但没有成功.
此外，iPhone/iPad和Android浏览器是我的目标浏览器，这段代码需要在其上运行.两者都支持webkit转换.