nhấp vào liên kết dưới đây một z-index div cao

Question

thể trùng lặp:
Passing mouse clicks through an overlaying element <div>

Có thể nhấp vào liên kết dưới hình vuông màu đỏ mà không cần javascript? Div màu đỏ không cần phải nhấp.

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

Phương pháp CSS để làm điều này là pointer-events: none

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

Hỗ trợ trình duyệt: http://caniuse.com/pointer-events (chỉ hoạt động ở mọi nơi trừ IE10 và cũ er)

Để hỗ trợ các phiên bản cũ của IE, bạn sẽ phải use JavaScript làm dự phòng.