Javascript 将鼠标悬停在另一个元素下面的元素上

我试图找到一种方法，在另一个元素下面的元素上注册鼠标悬停事件。我有一些行，当鼠标移到上面时，会出现一个新的div，并将其放置在悬停div的顶部

页面如下：

---

将鼠标悬停在一行上时，右侧会出现一个图像。即使鼠标悬停在图像上方，我也希望在行上注册mouseover事件。

这实际上是不可能的，您有两种解决方法

a）在同时包含行和图像的容器上注册悬停事件

或

---

b） 在图像上也绑定相同的悬停事件。

您可以使用以下命令允许光标通过图像：

---

注意，这在所有浏览器中都适用。如果您使用SVG，那么支持会更好。

我认为这里的答案是您的

标记需要放置在

标记中，然后绝对定位。您可能希望将行相对定位，以便可以使用行的位置作为上下文。

我怀疑是否可以这样做，但在任何地方都找不到确认。非常感谢。为什么不将图像标记包装在与行相同的链接中？来自MDN：注意，通过使用指针事件防止元素成为鼠标事件的目标并不一定意味着该元素上的鼠标事件侦听器不能或不会被触发。@nathangonzalez Correct，但是，如果他想做的只是允许在

tr

上发生鼠标事件，那么被

img

阻挡的指针事件就足够了。同意，只是想确保注意到事实，而不是你的答案无效。事实上，这将是最好的解决办法。但这样设置速度更快，我很好奇是否可以做到。

#index-hover {
    pointer-events: none
}