弹出一个悬停的HTML背景的一部分

Question

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

我是通过在上放置一个背景图片来实现这个功能的，当我将鼠标悬停在图片上时，我的功能是将opacity: 1。 但是，当屏幕尺寸改变时，图像位置改变。

Answer 1

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

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

你可以把一个javascript：使用functionName（）针对任何地区的href属性中的地图。