油滑滑塊，位置物體上面滑動絕對

Question

我做了一個JSFiddle解釋，我想用油滑幻燈片做什麼：

<div class="slider"> 
    <div> 
    <div class="absolute"> 
     Blabla 
    </div> 
    <img src="http://kenwheeler.github.io/slick/img/fonz1.png" /> 
    </div> 
    <div> 
    <img src="http://kenwheeler.github.io/slick/img/fonz2.png" /> 
    </div> 
</div> 

CSS

.absolute { 
    width: 100px; 
    height: 100px; 
    position: absolute; 
    top: -50px; 
    background-color: #900; 
} 

總之：紅色框第一張幻燈片不可見，因爲它在隱藏溢出的幻燈片中。我需要這個盒子才能成爲第一張幻燈片的一部分，並隨幻燈片一起移動。

任何人都可以修復JSFiddle示例，所以這個工程，這將不勝感激。

Answer 1

工作正常。確保紅色盒子應該位置絕對&和每個滑塊有相對位置。讓你的紅色框是屬於該幻燈片只有

.slider > div{ 
    position: relative; 
} 
.absolute { 
    width: 100px; 
    height: 100px; 
    position: absolute; 
    top: -50px; 
    background-color: #900; 
}