我有一个a标签，它链接到另一个页面。当用户单击此链接时，我有一个mouseDown事件触发，它对translateZ元素有一点影响。
奇怪的是，在 之后translateZ，鼠标向上或单击事件（依赖于 mouseup）不会触发。
似乎在 Firefox 中可以正常工作，但在 chrome 中不行。
这是一个显示我的问题的小 jsfiddle：http: //jsfiddle.net/8LMzb/9/
问问题
1713 次
3 回答
4
如果您给父对象一个正的 translateZ 大于受影响的子对象，则链接可能会再次开始工作，因为它们可能已被剪切到浏览器平面下方。有时这会导致整个翻译的 div 也消失。
于 2012-08-18T17:20:14.207 回答
1
这似乎是tile.style.webkitTransform = "perspective(800px) translateZ( -30px )";MouseDown() 事件中的一个错误。
在translateZ( -30px ) （带有负像素数量的 NB 参数）之后，元素没有响应。如果您尝试translateZ( 30px )一切都会正常工作。
于 2012-08-01T18:43:43.567 回答
0
由于这在 Firefox 中有效，我不太确定它是 chrome 错误，还是预期的行为......也不知道这个修复是否会继续工作。我所做的是，在触发 mousedown 事件之前不对变换应用任何透视，这以某种方式允许触发 mouseup 事件并链接工作。
相关小提琴：http: //jsfiddle.net/8LMzb/152/
于 2012-08-01T19:58:10.767 回答