2017-08-31 79 views
-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內容覆蓋彼此從最後一個到第一個元素,所以最後被顯示,而其他人超載。

我想要它只是恢復實際的顯示順序。

+2

你爲什麼不z-index的添加到個人的div你想 –

+1

你嘗試[z-index的]的方式(https://developer.mozilla.org/docs /網絡/ CSS/z-index的)?我認爲它應該工作。 – Stony

+0

我沒有首先使用z-index,因爲我有其他的**覆蓋層**出**。滑塊** div,它會迫使我也添加z-索引到其他覆蓋層,也因爲我不想使用** js **:由於滑塊內容的動態性,它會迫使我使用** js **來操縱z-index。我只是使用** js **來切換動畫類。 – e200

回答