html - 如何在 HTML 中进行图片叠加(类似于谷歌地图顶部的标记)?

标签 html overlay image

谁知道如何在 HTML 中进行图片叠加或相互叠加显示?效果类似于 Google map 上出现的标记/图标,用户可以在其中指定第二张图片出现在第一张图片上的坐标。

谢谢。

最佳答案

您可以使用 <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> 

当然内容也可以包含图片等

关于html - 如何在 HTML 中进行图片叠加(类似于谷歌地图顶部的标记)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/100376/

相关文章:

html - 创建 3 个 float div

iphone - 捕获相机 View 并叠加在图像中

jquery - 使用下拉菜单时触发颜色框

Android - 获取图像资源到 Uri : IllegalArgumentException

html - 在服务器上创建许多图像或在浏览器中调整大小?

iPhone UIWebView epubs 逐页拆分

html - 右边距不起作用

html - 导航栏没有使我的链接居中,我不知道如何使用 flexbox 来做到这一点

angular - 如何根据页面偏移量将 Angular CDK Overlay 组件保留在页面内

jquery - 网格布局和图像放置