在translateZ之后鼠标向上/单击事件未触发

时间:2012-08-01 17:06:34

标签: javascript html css google-chrome css3

我有一个a标记,链接到另一个页面。当用户点击此链接时,我有一个mouseDown事件触发器,它会对该元素应用一点translateZ

奇怪的是,在translateZ之后,鼠标向上或点击事件(依赖于鼠标)不会触发。

似乎在Firefox中运行良好,但不是Chrome。

这是一个显示我的问题的小问题:http://jsfiddle.net/8LMzb/9/

3 个答案:

答案 0 :(得分:4)

如果您为父对象提供比受影响的孩子更多的正翻译,则链接可能会再次开始工作,因为它们可能已被剪切到浏览器平面下方。有时这会导致整个翻译的div也消失。

答案 1 :(得分:1)

这似乎是MouseDown()事件中tile.style.webkitTransform = "perspective(800px) translateZ( -30px )";的错误。
translateZ( -30px ) (具有负像素数量的NB参数)之后,该元素无响应。如果您尝试translateZ( 30px ),一切都会正常。

http://jsfiddle.net/8LMzb/142/

答案 2 :(得分:0)

由于这适用于firefox,我不太确定它是一个chrome bug,还是预期的行为..以及这个修复程序是否会继续工作。我所做的,不是在mousedown事件被触发之前对变换应用任何透视,这样,以某种方式允许触发mouseup事件,并链接到工作。

相关小提琴:http://jsfiddle.net/8LMzb/152/