我有几个图像使用绝对定位在彼此顶部.这些图像是部分透明的,并具有一个html区域和地图,使只有可见部分可点击.在jQuery中,我已经将鼠标事件附加到区域标签.
这对一个图像效果很好：只有当输入图像的映射部分时,鼠标器和鼠标点击才能触发.
问题是它只适用于顶层图像.对于所有其他人来说,它不会触发事件,而不是CSS悬停工作,因为它上面有另一个图像.尽管事实上这些区域并没有重叠,而映射在图像之前.
这是一个问题的演示：http://markv.nl/stack/imgmap2/
解决方法
您可以将单个完全透明的图像放置在所有单个图像的顶部,并将所有图像映射区域附加到该图像.它将作为鼠标事件的捕获元素,您仍然可以更改所有单个图像.
