我有几个图像使用绝对定位在彼此顶部.这些图像是部分透明的,并具有一个html区域和地图,使只有可见部分可点击.在jQuery中,我已经将鼠标事件附加到区域标签.
这对一个图像效果很好：只有当输入图像的映射部分时,鼠标器和鼠标点击才能触发.
问题是它只适用于顶层图像.对于所有其他人来说,它不会触发事件,而不是CSS悬停工作,因为它上面有另一个图像.尽管事实上这些区域并没有重叠,而映射在图像之前.
这是一个问题的演示：http://markv.nl/stack/imgmap2/
解决方法
您可以将单个完全透明的图像放置在所有单个图像的顶部,并将所有图像映射区域附加到该图像.它将作为鼠标事件的捕获元素,您仍然可以更改所有单个图像.
原文地址：https://www.jb51.cc/js/153090.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
