Comment puis-je activer le passage de la souris dans Internet Explorer pour les conceptions en couches ?

Émulation IE : activation du passage de la souris avec les événements de pointeur

Les événements de pointeur vous permettent d'interagir avec les éléments sous-jacents sans être gêné par les couches sus-jacentes . Alors que HTML5 définit pointer-events:none;, Internet Explorer ne reconnaît pas cette propriété. Cela pose un défi lorsque vous travaillez avec des conceptions en couches, empêchant les utilisateurs d'IE d'accéder aux interactions essentielles.

Solution :

Internet Explorer prend en charge les événements de pointeur uniquement pour les éléments SVG, comme spécifié. dans la spécification W3C. Cependant, cette limitation peut être surmontée en encapsulant les éléments existants dans un SVG.

Implémentation :

1. CSS :

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

2. HTML :

   <svg>

Ceci La méthode imite le comportement de pointer-events:none ; dans IE9 et IE10.

Remarque supplémentaire :

Pour accéder aux objets sous-jacents, IE fournit la méthode document.msElementsFromPoint, qui renvoie un tableau de toutes les couches présentes à un moment donné. indiquer. Cette technique vous permet d'interagir avec les éléments sous-jacents même lorsqu'ils sont masqués par les calques superposés.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!