使用CSS如何防止我的点击事件被顶部的元素拦截？

Question

我有一个div，它与我要点击的另一个重叠。我想允许点击进入底部div。我不想用JS来实现这个目标。

Answer 1

试试这个：

  

指针事件：无;

_{唯一的问题是Compatibility}

Answer 2

两个选项 - 使用pointer-events: none;或将z-index设置为0。这些应该在样式表中添加到您不想单击的元素中。

第一个选项使它不能成为鼠标事件的目标。但是，即使您在重叠区域外单击它，它仍然无法工作。使用第二个选项，它将在重叠区域之外工作。