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

非常簡單:

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

pointer-events屬性本身有很多取值,但只有none和auto可以用在瀏覽器上,其他都只能應用在SVG上

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

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

這裏不要忘了給內層添加auto屬性,否則被外層包裹的所有內層無法成爲鼠標事件的target了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章