点击链接

Question

可能重复：
Passing mouse clicks through an overlaying element <div>

是否可以单击红色方块下面的链接，而不JavaScript的？红色的div不需要点击。

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

CSS的方法做，这是pointer-events: none

参见：http://jsfiddle.net/LNwHV/1/

浏览器支持：http://caniuse.com/pointer-events（作品无处不在，除了IE10老呃）

为了支持旧版本的IE，你必须将use JavaScript作为后备。