Question

我有以下标记：

.slider {
    position: relative;
    height: 100%;
    width: 100%;
}

.slider div {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

<div class="slider">
    <div class="div1">sample1</div>
    <div class="div2">sample2</div>
    <div class="div3">sample3</div>
    <div class="div4">sample4</div>
</div>

此代码使 .slider 内容覆盖从最后一个元素到第一个元素，所以显示最后一个元素，而其他元素重载。

我想要的只是恢复实际的显示顺序。

Answer 1

您正在寻找的解决方案由css z-index属性提供。它指定z顺序，在重叠元素的情况下，显示具有最高z-index值的元素作为第一个。点击此处查看文档https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

如何还原绝对定位的叠加元素顺序？

1 个答案: