cliquez sur le lien sous un div z-index supérieur

Question

Duplicata possible:
Passer des clics de souris à travers un élément superposé <div>

Est-il possible de cliquer sur le lien sous le carré rouge sans javascript? Le div rouge n'a pas besoin d'être cliquable.

http://jsfiddle.net/efortis/LNwHV/

#bottom{
 width: 100px;
 height: 100px;
 background-color: orange;
}

#top{
  width: 50px;
  height: 50px;
  position: absolute;
  left:0;
  top:0;
  background-color: rgba(255,0,0,.5);
 }

Answer 1

La méthode CSS pour ce faire est pointer-events: none

Voir: http://jsfiddle.net/LNwHV/1/

Prise en charge du navigateur: http://caniuse.com/pointer-events (fonctionne partout sauf IE10 et versions antérieures)

Pour prendre en charge les anciennes versions d'IE, vous devrez tiliser JavaScript comme solution de rechange.