Acabo de jugar con la pointer-events
propiedad en CSS.
Tengo un div
que quiero que sea invisible para todos los eventos del mouse, excepto para :hover
.
Entonces, todos los comandos de clic pasan por el div
que está debajo, pero el div puede informar si el mouse está arriba o no quieto.
¿Alguien puede decirme si esto se puede hacer?
HTML:
<div class="layer" style="z-index:20; pointer-events:none;">Top layer</div>
<div class="layer" style="z-index:10;">Bottom layer</div>
CSS:
.layer {
position:absolute;
top:0px;
left:0px;
height:400px;
width:400px;
}
pointer-events
no está bien soportado en IE .