堆叠css的背景图像

Question

有一个网站我正在使用wordpress二十二主题;并且在页面上想要有三个背景图像;一个在顶部，一个在顶部一个正下方;然后在最底层的第三个......

有什么我可以放入＆＃34;背景位置＆＃34;这将使第二张图像在第一张图像的正下方？这就是我所拥有的：

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

所以我正在寻找放在哪里的???是将第二张图像放在第一张图像的下方，任何人都可以帮忙吗？

谢谢，G

Answer 1

制作3个内容div，并将它们设置为无边距和精确高度。
我没有输入确切的代码，因为我不知道你的身高或图像名称，但使用的方法如下：

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

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

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