如何在不禁用指针事件的情况下“点击通过”固定覆盖div

要在不禁用指针事件的情况下“点击通过”固定覆盖div，可以使用CSS的pointer-events属性来实现。

pointer-events属性允许控制元素是否可以成为鼠标事件的目标。默认情况下，覆盖在其他元素上的元素会阻止鼠标事件的传递到被覆盖的元素上，这也是常见的需求。但是在某些特定场景下，我们希望鼠标事件可以透过覆盖元素传递给被覆盖的元素，这时可以使用pointer-events属性。

具体的实现步骤如下：

1. 在CSS中，将覆盖的div设置为position: absolute;，并设置宽度、高度、背景色等样式，使其完全覆盖在被覆盖的div上。 例如：

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

1. 给覆盖的div添加pointer-events: none;属性。这样，该div将不会成为鼠标事件的目标，事件将透过它传递给被覆盖的div。 例如：

.overlay {
  pointer-events: none;
}

通过以上步骤，就可以实现在不禁用指针事件的情况下“点击通过”固定覆盖div的效果。

在腾讯云上，相关产品可以参考：

• 腾讯云对象存储（COS）：提供可靠、安全、高效的云端存储服务，适用于图片、音视频、文档等文件的存储与管理。 腾讯云对象存储（COS）产品介绍
• 腾讯云内容分发网络（CDN）：加速内容传输，提高用户访问体验。 腾讯云内容分发网络（CDN）产品介绍