javascript - 将一个 div 放在另一个后面但仍然显示在上面？

Question

好吧，这个问题可能听起来有点令人费解，或者至少是深奥，但我会尽力阐明。

在我的图表应用程序中，我有一个用作弹出工具提示的 div。当您将鼠标悬停在数据点上并为您提供一些信息时，会出现此工具提示。我使用 z-index 使工具提示呈现在底层图表 div 之上。但是，底层图表与鼠标事件具有交互性，因此即使鼠标悬停在工具提示上，是否有可能让底层图表注册鼠标事件？

Answer 1

您可以捕获鼠标事件，记下坐标，然后将这些坐标添加到工具提示相对于页面的实际位置。然后，您可以在底层元素处使用这些坐标(减去底层 div 元素的坐标)重新触发一个假的 MouseEvent。