enlace de clic a continuación un div índice z mayor

Question

Duplicar posibles:
Passing mouse clicks through an overlaying element <div>

¿Es posible hacer clic en el enlace debajo del cuadrado rojo sin javascript? No es necesario hacer clic en el div rojo.

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

El método CSS para hacer esto es pointer-events: none

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

apoyo del navegador: http://caniuse.com/pointer-events (funciona en todas partes excepto IE10 y mayores er)

Para admitir las versiones anteriores de IE, tendrá que use JavaScript como alternativa.