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

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