jquery - 使 3d 翻译的元素可点击

Question

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

我想将点击事件绑定到内部 div，但我无法点击位于包装器后面的 div。有人知道这个问题的解决方案吗？

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

谢谢。最大时间

Answer 1

你必须给你的 wrapper DIV 一个正的 50px Z 值来补偿负的 50px。

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