JQuery - 图像的悬停事件在另一个图像后面

Posted 2023-05-08

【中文标题】JQuery - 图像的悬停事件在另一个图像后面

【英文标题】：JQuery - Hover event of an image behind another

【发布时间】：2012-06-07 12:59:55

【问题描述】：

如何将鼠标悬停在另一个元素后面？ （在这种情况下，我有两张图片） 我进行了很多搜索，发现有些人遇到了同样的问题，但他们得到的解决方案只是做他们想做的事情的其他方法，而不是真正实现这种“背景悬停”的方法。 谢谢 编辑：非常感谢，我尝试了指针事件：无；正如你所说，它可以工作，但不能在 IE 中，这是一个主要问题。 我想我必须通过另一种方式构建解决方案来解决这个问题：

我在一个由许多小方形图像（必须是图像）构建的网格上工作。 使用光标我在其顶部移动另一个图像，其大小为 4 个正方形，代表网格的 4 个元素的选择器。 图像必须在网格元素上移动，所以这不是简单的光标图像。

目前，我在网格元素上使用了诸如悬停/鼠标输入之类的东西，这会导致选择器移动到网格的元素位置。但是当它移动时，顶部的图像是选择器而不是网格，所以悬停不再起作用，只有当我将鼠标移出选择器时才会起作用。

希望你能理解^^

【参考方案1】：

将pointer-events: none CSS 添加到顶部元素。

See demo

【讨论】：

另请注意，根据caniuse.com/#feat=pointer-events，似乎没有任何版本的 IE 支持此属性。因此，您可能仍需要针对此（以及可能的其他）浏览器进行变通。