JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何使鼠标绝对定位的图像区域地图可点击?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有几个图像使用绝对定位在彼此顶部.这些图像是部分透明的,并具有一个html区域和地图,使只有可见部分可点击.在jQuery中,我已经将鼠标事件附加到区域标签.

这对一个图像效果很好:只有当输入图像的映射部分时,鼠标器和鼠标点击才能触发.

问题是它只适用于顶层图像.对于所有其他人来说,它不会触发事件,而不是CSS悬停工作,因为它上面有另一个图像.尽管事实上这些区域并没有重叠,而映射在图像之前.

这是一个问题的演示:http://markv.nl/stack/imgmap2/

解决方法

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

大佬总结

以上是大佬教程为你收集整理的javascript – 如何使鼠标绝对定位的图像区域地图可点击?全部内容,希望文章能够帮你解决javascript – 如何使鼠标绝对定位的图像区域地图可点击?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。