在translateZ之后鼠標向上/單擊事件未觸發

Question

我有a標簽，鏈接到另一個頁面。 當用戶點擊此鏈接時，我有一個mouseDown事件fire，它會對該元素應用一點translateZ 。

奇怪的是，在translateZ ，鼠標向上或單擊事件（依賴於鼠標）不會觸發。

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

這是一個小問題，顯示我的問題： http ： //jsfiddle.net/8LMzb/9/

Answer 1

如果您為父對象提供比受影響的子項更多的正翻譯，則鏈接可能會再次開始工作，因為它們可能已被剪切到瀏覽器平面下方。 有時這會導致整個翻譯的div也消失。

Answer 2

這似乎是tile.style.webkitTransform = "perspective(800px) translateZ( -30px )"; 在MouseDown（）事件中。
在translateZ( -30px ) （具有負像素數量的NB參數）之后 ，元素無響應。 如果你嘗試translateZ( 30px )一切都會正常。

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

Answer 3

由於這適用於firefox，我不太確定它是一個chrome bug，還是預期的行為..也不確定這個修復是否會繼續有效。 我所做的，不是在mousedown事件被觸發之前對轉換應用任何透視，這樣，以某種方式允許mouseup事件觸發，並且鏈接工作。

相關小提琴： http ： //jsfiddle.net/8LMzb/152/