次のように回転する緑色のdivが1つあります。
-webkit-transform: perspective( 600px ) rotateY( -45deg )
その前に黒いdivがありcursor:pointerます（クリックするとアラートも表示されます）。
デモフィドル： http： //jsfiddle.net/antishok/QWNyT/8/
問題：クロム（FFではない）では、マウスカーソルを黒いdivに沿って移動すると、カーソルがデフォルトに戻る領域全体があります（クリックイベントはトリガーされません）。背後のdivのローテーションがなければ、そのような問題はありません。
私はそれについて何かをすることができますか？これは既知のバグですか？
ありがとうございました。
Safariを見ると、次のように、黒のdivが実際に緑のdivを通過していることがわかります。
したがって、あなたの意図を見ると、Chromeはヒットエリアを正しく取得しているように見えますが、FirefoxとChromeの両方がそれを間違ってレンダリングしています。
あなたがする必要があるのは、3D空間で緑のdivをさらに後ろに押すことです、あなたはこれを達成することができます...
-webkit-transform: translateZ( -200px ) perspective( 600px ) rotateY( -45deg );
-moz-transform: translateZ( -200px ) perspective( 600px ) rotateY( -45deg );