Jquery 将三个背景图像放置在同一位置

我有三张图片img1.png，img2.png，img3.png，高度分别为600px，400px和200px。我想把这些图像放在相同的位置，比如后面的img1.png，中间的img2.png和前面的img3.png。我尝试了css位置属性，但没有成功。我已将图像作为三个分区的背景：

<div id="clouds1"></div>
<div id="clouds2"></div>
<div id="clouds3"></div>

<style>

#clouds1
{
    background:url('images/img1.png');
    height:600px;
    position:absolute;
    z-index:1;
}

#clouds2
{
   background:url('images/img2.png');
   height:400px;
   position:relative;
   z-index:8;

}

#clouds3
{
   background:url('images/img3.png');
   height:200px;
   position:relative;
   z-index:99;
}

</style>

#云层1
{
背景：url（'images/img1.png'）；
高度：600px；
位置：绝对位置；
z指数：1；
}
#云2
{
背景：url（'images/img2.png'）；
高度：400px；
位置：相对位置；
z指数：8；
}
#云3
{
背景：url（'images/img3.png'）；
高度：200px；
位置：相对位置；
z指数：99；
}

---

我们如何使用css位置属性或使用其他方法来实现这一点。请帮忙。谢谢你

我想你想要这样的东西。只需添加

位置：绝对

和

z索引

：

div#a{背景色：绿色；宽度：50px；高度：10px；位置：绝对；z索引：3；}
div#b{背景色：红色；宽度：50px；高度：30px；位置：绝对；z索引：2；}
div#c{背景色：黑色；宽度：50px；高度：50px；位置：绝对；z索引：1；}

---

好的，您可以将三个

div的位置设置为
绝对
，并将它们的
顶部
和
左侧
设置为相同的值，如下所示：

#clouds1, #clouds2, #clouds3 {
    position: absolute;
    top: 0px; <!-- change to fit your need -->
    left: 0px; <!-- change to fit your need -->
}


你能用attr展示你的尝试吗？问题更新为position attr。。请检查您的div在您的css中是否有ID您使用的类？请尝试在您的所有类中使用绝对值style@user1693763所有3个
div
都必须是绝对值才能工作。请参阅我提供的示例答案。您应该提到，
position:absolute
要求父容器（包含a、b、c div）为
position:relative
或
position:absolute
——不能保留在默认的
位置：static
。否则，一个优秀的、清晰的、写得很好的答案-+1谢谢，我已经将它添加到了答案中：）