DIV事件置为空

Question

<div class="1"></div><div class="2"></div>2覆盖在1的上面。但是现在需要点击2的时候任然触发点击1的事件。（实际情况是。div1其实是一个比较复杂的dom结构。因为视觉需求现在需要在这个dom结构上蒙上一层图层（因为架构问题不考虑使用svg实现），这个图层仅仅作显示效果没有交互。但是如果蒙上这层图层会影响到下面dom的一些列交互，有没有办法，蒙在上面的这层div相当于交互来说是不存在的）

Answer 1

css就可以做到，pointer-events:none;