背景图像堆叠css

有一个网站，我的wordpress二十一主题工作；并且在一个页面上要有三个背景图像；一个在顶部，下一个在顶部的正下方；然后是底部的第三个

有什么我可以放在“背景位置”的东西可以使第二个图像正好位于第一个图像的下方吗？以下是我所拥有的：

 {background-position: top, ???, bottom;}

那么我在找什么放在哪里呢？？？就是在第一张图片的正下方制作第二张图片，有人能帮忙吗

---

谢谢，G

制作3个内容分区，并将其设置为无边距和精确高度
我没有给出确切的代码，因为我不知道您的身高或图像名称，但使用类似于：

.Class{
background-image: foo.jpeg;
height: 500px;
margin: 0px 0px 0px 0px;
}
.Class2{
background-image: foo2.jpeg;
height: 700px;
margin: 0px 0px 0px 0px;
}

HTML:

文本
文本底部

---

您也可以将z-index设置为-100，并将其他div置于这些div之上，向左浮动，等等。

对不起，我感谢您的帮助，但这不是我想要的，我编辑了这个问题，希望更清楚。。。

<div class="Class">Text</div>
<div class="Class2">Text bottom</div>