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

标签 jquery events css click translate3d

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

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

js-fiddle(仅限 webkit):http://jsfiddle.net/rttmax/zrgdQ/16/

谢谢。 rttmax

最佳答案

您必须为包装器 DIV 提供正的 50px Z 值,以补偿负的 50px。

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

关于jquery - 使 3d 翻译元素可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12071563/

相关文章:

javascript - ajax post to spring mvc 附加 "="标志来请求数据

javascript - 使用 jQuery 获取文件输入的选定文件名,不带路径

javascript - jquery 委托(delegate)属性更改

jquery - 切换 View 时的 CSS 过渡

mysql - 计划事件 Mysql 不接受语法 BEGIN END

c++ - Qt:将事件发布到 QThread 的正确方法?

c# - 是否可以使用 VS2008 在 C# 中自动连接事件?

javascript - 如何用边框半径显示焦点的效果..我试过了。我想让它缩小

html - IE frameBorder替代方案

HTML/CSS : IE8 background overflowing border