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

Question

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

Answer 1

尝试这个 ：

指针事件：无;

_{唯一的问题是兼容性}

Answer 2

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

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