-1
我有以下標記:如何恢復絕對定位的疊加元素順序?
.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內容覆蓋彼此從最後一個到第一個元素,所以最後被顯示,而其他人超載。
我想要它只是恢復實際的顯示順序。
你爲什麼不z-index的添加到個人的div你想 –
你嘗試[z-index的]的方式(https://developer.mozilla.org/docs /網絡/ CSS/z-index的)?我認爲它應該工作。 – Stony
我沒有首先使用z-index,因爲我有其他的**覆蓋層**出**。滑塊** div,它會迫使我也添加z-索引到其他覆蓋層,也因爲我不想使用** js **:由於滑塊內容的動態性,它會迫使我使用** js **來操縱z-index。我只是使用** js **來切換動畫類。 – e200