我试图在页面的同一区域中拥有多个具有透明背景(图像中以虚线显示 2 的透明背景)的弯曲图像(标有 、 和 的框),每个区域都有自己的悬停和单击1
事件2
。3
我使用 定位它们position: absolute;
,但由于透明背景,最后添加的图像是唯一激活悬停/单击的图像。
我能做些什么来让图像获得悬停和点击事件吗1
?3
你应该看看CSS sprites。您需要将所有三个图像合并为一个,并将其设置为 HTML 元素的背景图像。然后,您可以使用 background-position 来操作显示内容的方式。