javascript - OpenLayer 4 弹出窗口，防止指针指向 div 后面的目标数据

Question

我的 OpenLayers 4 弹出窗口有问题，当我打开弹出窗口信息并且我在带有指针的 div 内时，它仍然会触发带有弹出窗口后面数据的悬停弹出窗口，我该如何防止这种情况发生？

我正在为弹出窗口使用此 CSS 代码:

#popup {
  z-index: 20;
  background-color: #fff;
}

弹出窗口是使用叠加层创建的:

overlay = new ol.Overlay({
  element: container,
  autoPan: true,
  autoPanAnimation: {
    duration: 250
  }
});

但是指针还是穿过了div。弹出窗口包含很多 div 和内部 span

在屏幕截图中，当指针位于 Vehs 文本上时触发悬停弹出窗口

你可以引用这个我用于弹出窗口的代码，唯一的区别是我有一个悬停弹出窗口，我认为问题在于创建点击弹出窗口(带按钮的那个)和真正的 z -它的索引。

http://openlayers.org/en/latest/examples/popup.html

Answer 1

您可以在打开前使用pointer-events:none，在打开状态下使用pointer-events:all