別のページにリンクするaタグがあります。ユーザーがこのリンクをクリックすると、要素mouseDownに少し適用されるイベントが発生します。translateZ
奇妙なことに、 の後、translateZマウスアップまたはクリックイベント (マウスアップに依存) は発生しません。
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() イベントのバグのようです。(ピクセル数が負の NB 引数)
の
後、要素は何も応答しません。試してみると、すべてうまくいきます。translateZ( -30px ) translateZ( 30px )
于 2012-08-01T18:43:43.567 に答える
0
これは Firefox で機能するため、Chrome のバグなのか、予想される動作なのか、この修正が引き続き機能するのかどうかもわかりません。私がやったことは、mousedown イベントが発生するまで変換にパースペクティブを適用しないことです。これにより、mouseup イベントが発生し、リンクが機能するようになります。
関連するフィドル: http://jsfiddle.net/8LMzb/152/
于 2012-08-01T19:58:10.767 に答える