Html 与前面第一个元素重叠的div

我怎么能有4个图像，其中第一个图像具有最高的z索引，第二个图像具有第二高的z索引（我也愿意接受关于如何实现这一点的其他建议）？基本上反转以下深度

img{
显示：内联；
右边距：-40px；
边界半径：50%；
}
分区：第n个孩子（1）{
z指数：1000；
}

---

要按预期使用

z-index

，您需要设置

css会更好，如果你能做一些类型的递增计数，那么你只需要为第n个孩子键入一次规则。是的，JS可以解决这个问题，但对于4张图片来说可能是一个过度的解决方案。我会考虑一个DIAMICS解决方案，如果图像插入在DIAMICS的方式。哈哈不需要。我对答案投了赞成票。只是我在漫谈css。谢谢，问题是css已经有了一个计数器。但您只能将该值用作内容。