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

Question

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

谢谢。

- smalldream

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> 

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

- Johannes Hädrich

---

当我这样做时，所有的东西都在最上面。我只想让一个h3标签覆盖在一张图片上面。它不能是背景，因为它有一个不透明度。 - Jordan

Answer 2

使用DIV标签和CSS绝对定位，配合z-index属性。 http://www.w3.org/TR/CSS2/visuren.html

- Subimage

Answer 3

CSS层叠样式表

- user9419

---

CSS图层已被弃用。 - b. e. hollenbeck