非常簡單:
外層(被遮擋的層){
pointer-events: none;
}
內層(要發生事件的層){
pointer-events: auto;
}
pointer-events屬性本身有很多取值,但只有none和auto可以用在瀏覽器上,其他都只能應用在SVG上
取值none:元素永遠不會成爲鼠標事件的target
取值auto:與pointer-events屬性未指定時的表現效果相同(即將元素恢復成爲鼠標事件的target)
這裏不要忘了給內層添加auto屬性,否則被外層包裹的所有內層無法成爲鼠標事件的target了