把固定內容放到flexslider幻燈片上

Question

我需要將固定內容放到flexslider上的幫助。我的意思是，會有一些文字或一些按鈕，幻燈片將會像背景一樣。我受到了一個關於stackoverflow的話題的啓發，我做了這樣的事情。

<div class="flexslider"> 
       <div class="textinside">Some text</div> 

       <ul class="slides"> 
        <li> 
         <img src="/images/1.jpg" /> 
        </li> 
        <li> 
         <img src="/images/2.jpg" /> 
        </li> 
        <li> 
         <img src="/images/3.jpg" /> 
        </li> 
       </ul> 
      </div> 

和風格的.textinside：

.textinside{ width:15%; background-color:black; padding:10px; text-align:center; } 
.textinside{ position:absolute; top:100px; left:50%; margin-left:-500px; z-index:1;} 

的問題是，這個文本顯示只是當幻燈片正在發生變化，然後自敗一點點的時刻。每個flexslider選項都設置爲默認值。可能任何人都這麼善良，並幫我解決這個問題？由於

Answer 1

增加z-index值：

.textinside { 
    /* ... other styles */ 
    z-index: 10; 
} 

Flexslider li項目有z-index: 2。這就解釋了爲什麼在項目轉換過程中，您看到文字閃爍一小會兒。使.textinside z-index至少爲3.