关于it技术的另一个问题，但我在SO上没有找到完全相同的问题。
所以我试图保持翻译元素的子元素的z-index位置。 在这里查看问题：http://codepen.io/anon/pen/XjvLoW?editors=0100。
如果从div中注释掉行transform: translateX(30%);，z-index将再次起作用。
到目前为止，我已经尝试使用translate3d()来强制重新渲染或使用transform-style: flat;等其他方法，但都没有成功。
我知道我可以通过在内部翻译p元素（而不是父元素）来解决问题，但在我的实际复杂情况下，我不能这样做。
有人能给我一个好的建议吗？
谢谢你的帮助！
[编辑]
我无法在div元素上设置z-index，这不是我想要的，因为这个div包含其他我想要放在:before背景后面的元素。
在推动左侧内容的滑动窗格的上下文中。我尝试只在覆盖层上方拥有窗格。而不是它也包含的右侧内容。
在这里，我更新了codepen以更好地反映我的问题：http://codepen.io/anon/pen/BQBBoy?editors=0100