我使用绝对定位将几张图像放在彼此的顶部。这些图像是部分透明的，并且有一个 html area 和 map 使只有可见的部分可以点击。在 jQuery 中，我将鼠标事件附加到 area 标签。
这对一张图像很有效:mouseenter 和 mouseleave 仅在输入图像的映射部分时触发。
问题是它只适用于顶部图像。对于所有其他人，它不会触发事件，CSS 悬停也不起作用，因为它上面还有另一个图像。尽管 area 不重叠并且 map 位于图像前面。
这是问题的演示:http://markv.nl/stack/imgmap2/
最佳答案
您可以在所有单独的图像之上放置一个完全透明的图像，并将所有图像映射区域附加到该图像。它将充当鼠标事件的捕获元素，您仍然可以更改所有单个图像。
关于javascript - 如何使绝对定位的图像区域 map 可以用鼠标点击？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10782777/