jQuery将鼠标悬停在图像的一部分上

Question

我有一个图像和跨越图像的跨度。当我将鼠标悬停在图像上时，会出现跨度，然后在鼠标移出时退回。
这里是一个简化的演示：http://jsfiddle.net/cCYHp/
问题：
我想跨度，只弹出时SPAN面积将鼠标悬停，而不是图像。我试图做一个.hide()的效果，但它没有奏效（它在演示中被注释掉了）。我认为这是因为一旦跨度被隐藏了，它就不能再被淹没了。什么是实现这种效果的正确方法？

Answer 1

一个可能的解决方案：您的切换跨度将其放在另一个透明且半角大小的图像中，并在其上附加事件。

另一个：将悬停绑定到图像，但检查鼠标是否在图像的下半部分。

我会推荐第一个。