悬停时弹出 html 背景的一部分

Question

我的 html 页面中有一张背景图片。我希望当我将鼠标悬停在它的一部分上时它会弹出。

我通过使用 opacity: 0 将图像放在背景上来做到这一点，我的功能是在将鼠标悬停在图像上时放置 opacity: 1。 但是当屏幕尺寸改变时，图像位置改变。

Answer 1

我认为你不应该在背景图片中使用它。您是否可以使用常规的 img 标签，然后为其定义一个 usemap 属性，并使用地图映射区域。

这里解释了这种方法：https://www.w3schools.com/tags/tag_map.asp

您可以为地图中任何区域的 href 属性放置 javascript:functionName()。