我正在尝试创建一个图像地图，其中有一个主图像，当您将鼠标悬停在某些区域时，会出现不同的图像。
像How to apply Hovering on html area tag?这样的东西，但它不会创建轮廓，而是显示不同的图像。
我不想使用jQuery，而更愿意依赖CSS和HTML。
提前致谢。
答案 0 :(得分：0)
您可以在较大的主图像上覆盖较小的空白图像，并为每个图像单独使用悬停代码
非悬停图像是＆＃34;空白＆＃34; png和悬停是期望的结果 只需使用每个＆＃34;空白＆＃34;的代码图像与背景中的主图像，z-index为＆＃34; 0＆＃34;
答案 1 :(得分：0)
如前面的答案中所述，您可以使用 z-index 属性执行此操作。但是尝试将主图像的z-index设置为0，并将所有小图像（您希望在主图像上显示）设置为低于0.
最后，通过在鼠标悬停时将 z-index 交换为低于或高于0的值来激活。
希望这会有所帮助：）