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

我对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索引

---

您可以在其打开之前使用

指针事件：none

和

指针事件：all

一旦它处于打开状态

最后，我找到了一个非常简单的方法来解决这个问题，在我调用悬停弹出窗口的函数中，我添加了一个简单的

if

语句

map.on('pointermove', function(evt) {

    info.html("");

    if (overlay.getPosition() !== undefined) {
      return;
    }
.....
}

---

对于

指针事件：无

它也将禁用按钮，不是吗？蓝色的是一个按钮，我需要能够点击它。你是说当弹出窗口打开时，它会在元素悬停弹出窗口后触发吗？如果是这种情况，您可以使用pseudo

：before

并使其完全透明。因此，它将充当弹出窗口和内容之间的层。是的，您在弹出窗口后面看到的另一个

div

，它在

Vehs

后面有一个列表，当鼠标在

Vehs

文本上时被触发，或者您可以使该div全屏显示，并添加内部div以显示您的内容，使外部div透明。两者都适用于您。：）是我们在移动版上使用的，但在桌面上他们需要弹出窗口，因此不是解决方案：(