CSS-将图像相对/绝对放置在彼此的顶部

我想把image2放在image1上，把image4放在image3上。我阅读的所有内容都推荐：父div relative和子div在父div中是绝对的。但这四幅图像都相互重叠。这将最终是反应灵敏的，所以我不想设定高度。我错过了什么

<div style="position:relative;">
    <img src="images/image1.jpg" style="position: absolute; top:0; left:0;" />
    <img src="images/image2.jpg" style="position: absolute; top:0; left:0;" />
</div>
<div style="position:relative;">
    <img src="images/image3.jpg" style="position: absolute; top:0; left:0;" />
    <img src="images/image4.jpg" style="position: absolute; top:0; left:0;" />
</div>

---

我将包含一个片段，以便您了解使用绝对值时发生的情况。它基本上是把下面的东西推到它的位置上

---

z-index呢？我从来没有想到这会起作用，但它确实起了作用。只需删除第二个位置样式就可以向下推第二个相对div.Bravo！