图像出现在其他图像悬停在

-1

我试图创建一个图像地图，其中有一个主要图像，当你将鼠标悬停在某些区域时出现不同的图像。图像出现在其他图像悬停在

像这样的东西How to apply Hovering on html area tag?但不是创建一个轮廓它会显示不同的图像。

我不想使用jQuery，而宁愿依靠CSS和HTML。

在此先感谢。

任何建议@enhzflep？ – Pussinbikerboots

你可以在大主图像覆盖较小的空白图像，并分别使用悬停代码为每个图像

非悬停图像是“空白” PNG和悬停是期望的结果只需使用代码对于在“0”的z-index背景

2015-12-15 03:31:15 Koden

和“空白”我的意思是完全透明的 – Koden

这听起来不错......作为一个新手编码我迷失在CSS ...这一点特别是 – Pussinbikerboots

正如在前面的回答说，主图像的每个“空白”的形象，你可以通过使用的z-index属性做到这一点。但尝试设置主图像的Z指数为0，所有的小图像（要显示在主图像）作为低于0

最后，通过交换价值之间的的z-index下激活或鼠标悬停时高于0。

希望这会有所帮助:)

2015-12-15 05:26:57

回答