スリックスライダー、私は<a href="https://jsfiddle.net/sr0tnqL5/" rel="nofollow noreferrer">JSFiddle</a>は、私は滑らかなスライドでやりたいものを説明作った

Question

絶対スライド上の位置オブジェクト：要するに

<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; 
}