Html 如何恢复绝对定位覆盖元素顺序？

我有以下标记：

滑块{
位置：相对位置；
身高：100%；
宽度：100%；
}
.滑杆组{
位置：绝对位置；
排名：0；
底部：0；
宽度：100%；
}

样本1
样本2
样本3
样本4

您正在寻找的解决方案由css

z-index

属性提供。它指定了z顺序，在元素重叠的情况下，z顺序将具有最高z索引值的元素显示为第一个。

---

在这里查看文档

为什么不按您希望的方式将z索引添加到各个div中呢？我认为它应该会起作用。我不会先使用z-index，因为我在.slider div中有其他覆盖，这将迫使我也向其他覆盖添加z-index，也因为我不想使用js：因为slider内容是动态的，它将迫使我使用js来操纵z-index。我只是用js来切换动画类。但我没有z-index的选择，所以，谢谢大家！您不需要使用js进行z索引，css3有一个计数器特性