使3d翻译元素可单击

Question

我在wrapper-div中有两个div。 第一个位于包装器前面，通过translate3d（50px，50px，50px）， 第二个位于包装器后面，通过translate3d（50px，50px，-50px）。

我想将click-events绑定到inner-divs，但是我无法单击位于包装器后面的div。有人知道这个问题的解决方案吗？

js-fiddle（仅限webkit）：http://jsfiddle.net/rttmax/zrgdQ/16/

感谢。 rttmax

Answer 1

你必须给你的包装DIV一个正50px的Z值，以便补偿负50px。

http://jsfiddle.net/zrgdQ/108/