Internet Explorer でレイヤードデザインのマウスパススルーを有効にするにはどうすればよいですか?

IE エミュレーション: ポインター イベントによるマウス パススルーの有効化

ポインター イベントを使用すると、上層のレイヤーに妨げられずに下層の要素と対話できます。 。 HTML5 では pointer-events:none; が定義されていますが、Internet Explorer はこのプロパティを認識しません。これにより、レイヤード デザインを操作するときに問題が発生し、IE ユーザーが重要なインタラクションにアクセスできなくなります。

解決策:

Internet Explorer は、指定されているように、SVG 要素に対してのみポインター イベントをサポートします。 W3C仕様で。ただし、この制限は、既存の要素をSVG.

実装:

1. CSS :

   #tryToClickMe {
    pointer-events: none;
    width: 400px;
    height: 400px;
    background-color: red;
   }

2. HTML:

   <svg>

これこのメソッドは pointer-events:none; の動作を模倣します。 IE9 および IE10 では。

追加の注意:

基礎となるオブジェクトにアクセスするために、IE は document.msElementsFromPoint メソッドを提供します。このメソッドは、指定された場所に存在するすべてのレイヤーの配列を返します。ポイント。このテクニックを使用すると、上にあるレイヤーによって隠れている場合でも、下にある要素を操作できるようになります。

以上がInternet Explorer でレイヤードデザインのマウスパススルーを有効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。