<div>ドキュメントの全領域をカバーするに含まれる Google Swiffy アニメーションを使用しています。これらのアニメーションにはいくつかのレイヤーがあります。アニメーションの多くは透明ですが、空白を切り取るオプションはありません。たとえば、私たちの Web アプリケーションはであり、絶対位置が 0、0、1000px x 500pxおよび であるいくつかのアニメーション レイヤーがあります。<div>1000px x 500px
アニメーション レイヤーの下には、インタラクティブなコントロール、ボタン、およびリンクがあります。もちろん IE を除く多くのブラウザーでは、CSS スタイルを使用するだけpointer-events: none;で、クリックはアニメーションを介してコントロールに直接渡されます。ただし、一部のお客様はまだ IE を使用しているため、サポートする必要があります。
を試してみましたがdocument.elementFromPoint();、アニメーション div 自体しか表示されません。変換ポイントがないため、parentNode を使用してその div から抜け出すことも役に立たないようです。ActionScript の localToGlobal() のようなものが本当に必要です。
elementFromPoint意図したクリック ターゲットを識別できるように、使用時にこれらのアニメーション div をすべて無視する方法はありますか?