很是簡單:瀏覽器
外層(被遮擋的層){ pointer-events: none; } 內層(要發生事件的層){ pointer-events: auto; }
pointer-events屬性自己有不少取值,但只有none和auto能夠用在瀏覽器上,其餘都只能應用在SVG上code
取值none:元素永遠不會成爲鼠標事件的target事件
取值auto:與pointer-events屬性未指定時的表現效果相同(即將元素恢復成爲鼠標事件的target)get
這裏不要忘了給內層添加auto屬性,不然被外層包裹的全部內層沒法成爲鼠標事件的target了event