javascript - 上层元素通过时如何保持底层元素悬停

Question

我有一种情况，当我悬停在调用工具提示上的某个 div 时。如果工具提示不适合屏幕，我有重新定位逻辑。但我遇到了一个问题(特别是在 FireFox 中)，当工具提示在“调用者”div 上移动时，“调用者”div 失去了它的悬停状态。这在 FF 中是 100% 可重现的，在 Chrome 中可以在某些机器上工作，而在某些机器上则不能。

有什么解决办法吗？ 我创建了 jsfiddle 来展示这一点。你会看到动画被取消了 - 是的，我可以在这种简单的情况下做一些解决方法，但实际情况要复杂得多。

jsfiddle.net/5c1fdw6o/9/

Answer 1

为此，您可以将 CSS:pointer-events: none; 应用到顶层。

在你的情况下:

.sliding-tooltip {
    pointer-events: none;
}