使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/