CSS遮罩/定位下面元素不能触发

问题:
image.png
蓝色的背景图使用定位做的遮罩,下面的点击咨询不能触发

解决:
给遮罩元素加上属性 pointer-events: none;

原理:
这个属性值可以让元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素

你可能感兴趣的:(css,样式,事件绑定)