如何将一个图像叠加在另一个图像上的特定位置

Question

我需要创建一个网页，其中我有基本图标/图像，然后我想在顶部放置彩色点和/或另一个较小的图标在基本图像上的特定位置。最好的方法是什么？我可能需要在Javasricpt中做到这一点，直到点/图像的正确位置。 这是我开始玩的 谢谢！

<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>

Answer 1

要添加到pranesh的答案，正确定位叠加图像的最简单方法是让两个图像都具有相同的大小，然后将它们设置为： 顶部：0，左：0 它们会正确显示。

另一种选择是使用画布。

Answer 2

查看带定位的Z-indexing。