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

时间:2012-06-02 17:52:47

标签: javascript jquery html hover mouseover

如何将鼠标悬停在另一个元素后面呢? (在这种情况下,我有两张图片) 我搜索了很多,发现有些人有同样的问题,但他们得到的解决方案只是其他方式去做他们想做的事情,而不是真正实现这种“背景悬停”的方式。 谢谢 编辑:非常感谢,我尝试了指针事件:无;如你所说,它的工作原理,但不是在IE中,这是一个主要问题。 猜猜我必须通过另一种方式构建解决方案来解决这个问题:

我在一个用很多小方形图像构建的网格上工作(那些必须是图像)。 使用光标我在其顶部移动另一个图像,其大小为4个正方形,并代表网格的4个元素的选择器。 图像必须在网格元素上移动,因此这不是一个简单的光标图像。

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

希望你能理解^^

1 个答案:

答案 0 :(得分:8)

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

See demo