Wie kann ich „pointer-events: none' im Internet Explorer für Nicht-SVG-Elemente emulieren?

Emulieren von pointer-events:none in Internet Explorer

Internet Explorer stellt eine Herausforderung dar, wenn die CSS-Eigenschaft pointer-events:none zum Zulassen verwendet wird Benutzerinteraktion mit geschichteten Elementen. Diese Eigenschaft, die zum Ignorieren von Mausereignissen für bestimmte Elemente verwendet wird, wird vom IE nur für SVG-Elemente erkannt.

Überwindung der Einschränkung

Trotz dieser Einschränkung bietet IE eine Alternativlösung. Indem Sie vorhandene Elemente in ein SVG-Element einschließen, können Sie die gewünschte Funktionalität beibehalten. Die Wrap-Methode von jQuery kann diesen Prozess vereinfachen.

Beispiel

Angenommen, Sie möchten ein Diagramm mit einem PNG-Verlauf abdecken und die Diagramminteraktivität beibehalten. Sie können dies mit dem folgenden Code implementieren:

**CSS:**

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

**HTML:**

<svg>

Zugriff auf darüber liegende und darunter liegende Objekte

Wenn Sie mit Elementen unter der SVG-Überlagerung interagieren müssen, sollten Sie die Verwendung von in Betracht ziehen document.msElementsFromPoint-Methode im IE. Diese Methode stellt ein Array aller Ebenen an einem bestimmten Punkt bereit.

Fazit

Während pointer-events:none im IE nicht nativ unterstützt wird, werden SVG-Elemente und das verwendet Die document.msElementsFromPoint-Methode bietet eine umfassende Lösung, die es Benutzern ermöglicht, mit Diagrammen zu interagieren und ein verbessertes Design beizubehalten.

Das obige ist der detaillierte Inhalt vonWie kann ich „pointer-events: none' im Internet Explorer für Nicht-SVG-Elemente emulieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!