css点击穿透
2023-11-29 本文已影响0人
一个健康马
点击穿透是指当一个元素上设置了pointer-events: none,并且位于其上方的其他元素也不具有pointer-events属性时,鼠标或触摸事件将会透过该元素传递给下层的元素。这意味着,当你点击或触摸该元素时,实际上会触发位于其下方的元素的事件。
点击穿透有时可以带来一些好处,例如在某些情况下,你可能希望点击一个半透明的遮罩层来关闭弹出窗口,而不希望该遮罩层阻止后面的内容进行交互。通过将遮罩层的pointer-events属性设置为none,可以实现点击穿透,从而使得点击事件透过遮罩层传递给后面的内容。
style="pointerEvents: none"
pointer-events: none"