如何在 HTML 中进行图片叠加(类似于谷歌地图上的标记)?
题
有人知道如何在 HTML 中进行图片叠加或显示在彼此之上吗?效果将类似于 Google 地图上出现的标记/图标,用户可以指定第一张图片上出现的第二张图片的坐标。
谢谢。
解决方案
您可以使用 <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>
当然内容也可以包含图像等。
其他提示
使用 DIV 标签和 CSS 绝对定位以及 z-index 属性。
不隶属于 StackOverflow