Wie kann ich Maus-Passthrough im Internet Explorer für mehrschichtige Designs aktivieren?

IE-Emulation: Maus-Pass-Through mit Zeigerereignissen aktivieren

Zeigerereignisse ermöglichen Ihnen die Interaktion mit darunter liegenden Elementen, ohne durch darüber liegende Ebenen behindert zu werden . Während HTML5 pointer-events:none; definiert, erkennt Internet Explorer diese Eigenschaft nicht. Dies stellt bei der Arbeit mit mehrschichtigen Designs eine Herausforderung dar und verhindert, dass IE-Benutzer auf wichtige Interaktionen zugreifen können.

Lösung:

Internet Explorer unterstützt Zeigerereignisse nur für SVG-Elemente, wie angegeben in der W3C-Spezifikation. Diese Einschränkung kann jedoch überwunden werden, indem vorhandene Elemente in ein eingeschlossen werden SVG.

Implementierung:

1. CSS :

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

2. HTML:

   <svg>

Dies Methode ahmt das Verhalten von pointer-events:none nach; in IE9 und IE10.

Zusätzlicher Hinweis:

Um auf zugrunde liegende Objekte zuzugreifen, stellt IE die Methode document.msElementsFromPoint bereit, die ein Array aller an einem bestimmten Ort vorhandenen Ebenen zurückgibt Punkt. Mit dieser Technik können Sie mit darunter liegenden Elementen interagieren, selbst wenn diese durch darüber liegende Ebenen verdeckt werden.

Das obige ist der detaillierte Inhalt vonWie kann ich Maus-Passthrough im Internet Explorer für mehrschichtige Designs aktivieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!