如何使用鼠标点击绝对定位的图像区域地图?

Mar*_*ark 10 javascript jquery imagemap mouseevent

我使用绝对定位将几个图像放在彼此的顶部.这些图像是部分透明的,并且具有html area并且map仅使可见部分可点击.在jQuery中,我将鼠标事件附加到area标签上.

这适用于一个图像:只有在输入图像的映射部分时才会触发mouseenter和mouseleave.

问题是它只适用于顶部图像.对于所有其他人来说,它不会触发事件而不是CSS悬停工作,因为它上面还有另一个图像.尽管事实上areas不重叠并且maps在图像的前面.

以下是该问题的演示:http://markv.nl/stack/imgmap2/

lan*_*nzz 9

您可以在所有单个图像的顶部放置一个完全透明的图像,并将所有图像映射区域附加到该图像.它将充当鼠标事件的捕获元素,您仍然可以更改所有单个图像.