html - 转换后 onclick 仅针对元素的一半。如何解决？

Question

如果你看一下 fiddle here (使用 chrome 或 safari)，你可以看到一个例子。应用变换后，单击仅针对我的红色矩形的下半部分，我需要它来针对整个对象。

我在这里有点迷路，就好像您检查它占据整个空间的元素一样。我试过 wrapping into another div and setting the click on the parent ，但仍然无法正常工作。

我能否获得针对整个元素的点击？

Answer 1

看看这个:http://jsbin.com/uxehev/2/edit .我添加了一个 translateZ 来抵消旋转后“墙”后面的元素部分(我很确定有一个更好的词，但我认为这是有道理的)。

相关变更如下:

-webkit-transform:translate3d(0px, -28px, 200px) perspective(1000px) rotateX(45deg) scale(0.43068391866913125)