css怎么将两张图片重叠 |css 表单样式

/* 方法一：设置定位 */
.img-container {
position: relative;
}
.img1 {
position: relative;
z-index: 1;
}
.img2 {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

以上代码中，大家首先将两张图片包在一个容器中，利用 relative 定位将其中一张图片前置显示，另一张设置为 absolute 定位，并将其 z-index 值设为 2，使其在前置显示的图片上方。

/* 方法二：设置负边距 */
.img1 {
position: relative;
z-index: 1;
}
.img2 {
position: relative;
z-index: -1;
margin-top: -100%;
}

以上代码中，大家同样是先将其中一张图片前置显示，然后将另一张图片的 z-index 设置为负值，使其在前置显示的图片下方。同时利用负 margin-top 值将图片移动到前置图片的上方，实现两张图片的重叠。