"pointeur-événements: aucun" ne fonctionne pas dans IE9 et IE10
La propriété CSS - pointer-events: none; fonctionne bien dans Firefox, mais pas dans Internet Explorer 9-10.
Existe-t-il un moyen d'obtenir le même comportement de cette propriété dans IE? Des idées?
En regardant les API, je ne pense pas que les Points.js de Rich Harris, ni Hands.js , fournissent un support pour les événements de pointeur: aucun .
Ainsi, je viens d'implémenter un petit script pour polyfill cette fonctionnalité:
Pour IE10 merdique, il existe une autre solution, par exemple:
/* must be over the element that have the action */
.action-container:after {
content: ' ';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 250;
background-color: grey; /* must have a color on ie10, if not :after does not exist... */
opacity: 0;
}