點擊鏈接

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作爲後備。