处理遮罩下面的元素无法触发点击事件

先说问题描述:

比如我现在的需求是做了一个轮播图.但是我在轮播图上面覆盖了一个iphone x的相框,

也就是可以理解为在轮播图的最上层覆盖了一个遮罩.

然后我再去拖拽轮播图时,发现无法拖拽了.

也就是我标题所描述的遮罩下面的元素无法触发点击事件.

添加pointer-events: none，你的遮罩盖住了下边的元素，所以你点击的事件其实是作用在了遮罩上面。而pointer-events: none可以穿透遮罩，点击到下面的元素。我刚做的项目用过这个属性，亲测有效。支持ie11及其他浏览器