要使用CSS样式重叠两个图像,您可以使用以下步骤:
<img src="image1.jpg" class="image1" alt="Image 1">
<img src="image2.jpg" class="image2" alt="Image 2">
.image1 {
position: relative;
z-index: 1;
}
.image2 {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
在这个例子中,我们将第一个图像的位置设置为相对(position: relative),并将其z-index设置为1。这将使其成为默认图层。然后,我们将第二个图像的位置设置为绝对(position: absolute),并将其z-index设置为2。这将使其成为覆盖在第一个图像上方的图层。
.image2 {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
}
这将使第二个图像相对于第一个图像向下和向右偏移10像素。
通过这种方法,您可以轻松地使用CSS样式重叠两个图像。
领取专属 10元无门槛券
手把手带您无忧上云