Popover 弹出框 里面又悬浮导致刚打开的悬浮没了这么处理

要解决这个问题，你可以在打开 Popover 弹出框时设置一个延迟，这样它会在一定时间后再显示悬浮内容。这样用户在打开弹出框时就能看到完整的内容。

以下是一个示例代码，使用 JavaScript 和 CSS 实现：

HTML:

<button id="popoverBtn">打开弹出框</button>

<div id="popover" class="popover">
  <div class="popover-content">
    <!-- 弹出框内容 -->
  </div>
</div>

CSS:

.popover {
  position: relative;
  /* 其他样式设置 */
}

.popover .popover-content {
  display: none;
  /* 其他样式设置 */
}

.popover.show .popover-content {
  display: block;
}

JavaScript:

var popoverBtn = document.getElementById("popoverBtn");
var popover = document.getElementById("popover");

popoverBtn.addEventListener("click", function() {
  popover.classList.add("show");
  setTimeout(function() {
    popover.classList.remove("show");
  }, 2000); // 设置延迟时间，单位为毫秒
});

在上面的代码中，我们给弹出框添加了一个 `show` 类，通过 CSS 控制显示和隐藏。当用户点击打开按钮时，我们添加了这个类来显示弹出框，并使用 `setTimeout` 函数在一定时间后移除该类来隐藏弹出框。你可以根据需要调整延迟时间。

这样，当用户打开弹出框时，悬浮内容会在一定时间内显示，然后弹出框会自动隐藏。