如何在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

使用带有z-index属性的DIV标记和CSS绝对定位。

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

Answer 3

css layers。