如何在 HTML 中进行图片叠加（类似于谷歌地图上的标记）？

Question

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

谢谢。

Answer 1

您可以使用 <div> 容器将内容分成多个层。因此，div 容器必须绝对定位并用 z-index 标记。例如：

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

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

Answer 2

使用 DIV 标签和 CSS 绝对定位以及 z-index 属性。

http://www.w3.org/TR/CSS2/visuren.html

Answer 3

CSS 层.