translateZ

鼠标上/点击事件没有触发我有一个a标记，它链接到另一个页面。当用户点击此链接时，我有一个mouseDown事件触发器，它将一个translateZ应用于元素。translateZ

奇怪的是，在translateZ之后，鼠标向上或点击事件（依赖于mouseup）不会触发。

似乎在Firefox中工作正常，但不是铬。

这是显示我的问题有点的jsfiddle：http://jsfiddle.net/8LMzb/9/

2012-08-01 Tim

http://stackoverflow.com/questions/15786891/browser-sometimes-ignores-a-jquery-click-event-during-a-css3-transform帮助了我。 – nilgun 2013-10-27 11:12:44

因为这个工作在Firefox，我不太确信其Chrome错误，或预期的行为..也不该修补程序是否会继续工作。我所做的是，在mousedown事件被触发之前，不会对视图应用任何视角，这可以让mouseup事件触发，并且链接工作。

Relavent小提琴：http://jsfiddle.net/8LMzb/152/

来源

2012-08-01 19:58:10 Tim

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

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

来源

2012-08-01 18:43:43 ted

如果你给父对象积极translateZ比受影响的孩子越多，环节可能已经重新开始工作，因为他们可能已经得到了裁剪浏览器平面的下方。有时候这会导致整个翻译过的divs也消失。

来源

2012-08-18 17:20:14 Richard

这对我很好！ :) – Remy 2012-11-26 14:08:35

我也是很好的工作，也值得指出，0的translateZ限定，它可以引入一个关于文本渲染的额外问题，虽然（我的文字稍微轻一些）。虽然我不在乎。 – Steve 2013-01-30 09:35:53

回答

相关问题