如何选择HTML/CSS中多个重叠相邻图像的出现顺序？

在CSS/HTML中故意重叠（和旋转）相邻图像时，例如

---

z-index属性仅适用于定位元素。定位元素有一个位置，该位置不是静态的（默认）。在您的情况下，将图像位置设置为“相对”

img{
位置：相对位置；
}

---

为了使

z-index

属性工作，元素需要定位<代码>位置：相对如果您不需要中断正常的布局流程，则可以很好地工作

我还将您的所有样式移动到单独的CSS样式表中，建议使用内联样式

img{
身高：30%；
宽度：自动；
位置：相对位置；
}
.img1{
变换：旋转（20度）；
z指数：1；
}
.img2{
变换：旋转（5度）；
左边距：-30px；
z指数：2；
}
.img3{
变换：旋转（-20度）；
左边距：-30px；
z指数：0；
}

工作正常。谢谢。不客气：）太好了。我以后会尝试使用样式表。