CSS遮罩/定位下面元素不能觸發

JoyZ發表於2020-06-04
CSS遮罩

問題：
image.png
藍色的背景圖使用定位做的遮罩，下面的點選諮詢不能觸發

解決：
給遮罩元素加上屬性 pointer-events: none;

原理：
這個屬性值可以讓元素永遠不會成為滑鼠事件的target。但是，當其後代元素的pointer-events屬性指定其他值時，滑鼠事件可以指向後代元素

相關文章