如何在HTML中进行图片覆盖（类似于谷歌地图顶部的标记）？

有人知道如何在HTML中进行图片叠加或显示在彼此的顶部吗？其效果类似于谷歌地图上出现的标记/图标，用户可以指定第一张图片上出现的第二张图片的坐标

---

谢谢。

使用DIV标记和CSS绝对定位，并使用z-index属性

您可以使用

容器将内容分成多个层。因此，div容器必须绝对定位，并用z索引标记。例如：

<div style="position: absolute; z-index:100">This is in background</div> 
<div style="position: absolute; z-index:5000">This is in foreground</div> 

这是在后台
这是前景

---

当然，内容也可以包含图像等。

CSS层已被弃用。当我这样做时，一切都是最重要的。我只想把一个h3重叠在一张图片上。它不能是背景，因为它具有不透明度。