当前位置: 首页 > Web前端 > CSS

如何使事件在被遮挡层上可点击?(纯CSS方式)

时间:2023-03-31 11:27:38 CSS

欢迎关注前端小鱼的github。阅读更多原创技术文章非常简单:Outerlayer(被阻塞的层){pointer-events:none;}Innerlayer(事件将发生的层){pointer-events:auto;}pointer-eventsattribute本身有很多取值,但是在浏览器上只有none和auto可以使用,其他只能应用于SVG取值none:元素永远不会成为鼠标事件target取值为auto:表现和当未指定pointer-events属性(即元素成为鼠标事件的目标)。不要忘记给内层加上auto属性,否则所有被外层包裹的内层都不能成为鼠标事件的目标