如何讓被遮擋層能夠進行事件點擊?(純CSS方法)

很是簡單:瀏覽器

外層(被遮擋的層){
    pointer-events: none;
}
 
內層(要發生事件的層){
    pointer-events: auto;
}

pointer-events屬性自己有不少取值,但只有none和auto能夠用在瀏覽器上,其餘都只能應用在SVG上code

取值none:元素永遠不會成爲鼠標事件的target事件

取值auto:與pointer-events屬性未指定時的表現效果相同(即將元素恢復成爲鼠標事件的target)get

這裏不要忘了給內層添加auto屬性,不然被外層包裹的全部內層沒法成爲鼠標事件的target了event

相關文章
相關標籤/搜索