css两张图片重合 |怎么把变量传入css中

首先，大家需要在HTML文件中插入两张图片。代码如下：

<div class="container">
<img src="image1.jpg" alt="Image 1">
<img src="image2.jpg" alt="Image 2">
</div>

上面的代码中，大家使用了一个容器div来包含两张图片。接下来，大家需要在css中设置这两张图片的位置。

.container {
position: relative;
}
.container img:nth-child(1) {
position: absolute;
top: 0;
left: 0;
}
.container img:nth-child(2) {
position: absolute;
top: 0;
left: 0;
}

在上面的代码片段中，大家首先将容器的position属性设置为relative。接着，大家使用nth-child选择器来选中第一张图片和第二张图片，并将它们的position属性设置为absolute，表示它们会相对于容器进行定位。最后，大家将它们的top和left属性都设置为0，这样它们就会重合在一起。

如果大家想要让其中一张图片在另一张图片的上面，大家只需要在css中将它的z-index属性设置为一个较大的值。例如：

.container img:nth-child(1) {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.container img:nth-child(2) {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

在上面的代码中，大家将第一张图片的z-index属性设置为1，将第二张图片的z-index属性设置为2。这样，第二张图片就会在第一张图片的上面。