使元素具有较小的Z索引可点击

问题描述

我有两个元素，一个元素堆叠在一起，另一个带有z-index。现在我的问题是我还需要使具有较低z-index的元素也可点击。 我该如何实现？

示例：

.b {
  margin-top: -50px;
  z-index: 5;
  color: red;
}

<div style="margin-top:100px;">
  <div class="a">
    ...
  </div>
  <div class="b">
    ...
  </div>
</div>

解决方法

只需将pointer-events: none添加到具有较高z-index的元素即可。