Question

我想在此网站的另一张图片上添加图片。 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

Answer 1

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

<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中为此站点添加图像在另一个图像上？

1 个答案: