如何在此站点的 HTML 中的另一个图像上添加图像？答案

【问题标题】：How to add an image over another image in HTML for this site?如何在此站点的 HTML 中的另一个图像上添加图像？
【发布时间】：2016-03-27 18:56:32
【问题描述】：

我想在本网站的另一张图片上添加一张图片。 HTML 代码可在此处找到。已经有一个 javascript 代码字符串，用于将上传的较大照片作为画布进行输入。现在的问题是我似乎无法将较小的图像放在画布照片的顶部，就像在其上添加文本一样。

我在图像代码上尝试了基本图像，但我似乎不知道如何正确拟合代码。来源问题：How do I position one image on top of another in HTML?

<div style="position: relative; left: 0; top: 0;">
    <img src="a.jpg" style="position: relative; top: 0; left: 0;"/>    
    <img src="b.jpg" style="position: absolute; top: 30px; left: 70px;"/>
</div>

如何进行的说明：http://i66.tinypic.com/dokpcp.jpg

网站的 HTML 代码（离线工作）：http://codepen.io/fallonpark/pen/mPwREG

【问题讨论】：

标签： javascript html image

【解决方案1】：

您可以通过设置 top 和 left 值来定义内部图像的边距。如果两个图像的宽度相同，您应该能够通过以下方式实现您想要的效果：

<div style="position: relative; left: 0; top: 0;">
    <img src="a.jpg" style="position: relative; top: 0; left: 0;"/>    
    <img src="b.jpg" style="position: absolute; top: 50px; left: 0px;"/>
</div>

【讨论】：

是的，但是我在哪里输入代码？ html 网站是一个自定义照片生成器。
你可以把它放在id为“box1”的div的结束标签之后