把div放在滑塊內

我一直在嘗試添加div與div的菜單與我的圖層滑塊，但我不能這樣做，因爲它總是在滑塊上面。這是我想要得到的樣子：把div放在滑塊內

http://i.stack.imgur.com/bZ5q0.jpg

當我寫了下面這段代碼，我發現我的菜單dissapear出現的第一張幻燈片之前。如何解決它？也許我可以從這個「滑塊效果」禁用我的div？

<div id="full-slider-wrapper"> 

<div id="MENU" style="background-color:#000;float:right;width:80%;height:100px;"> random text </div> 

    <div id="layerslider" style="width:100%;height:444px;"> 

     <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;"> 
       <img src="sliderimages/fw-1.jpg" class="ls-bg" alt="Slide background"/> 
     </div> 

     <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;"> 
       <img src="sliderimages/fw-2.jpg" class="ls-bg" alt="Slide background"/> 
     </div> 

     <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;"> 
      <img src="sliderimages/fw-3.jpg" class="ls-bg" alt="Slide background"/> 
     </div> 

     <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;"> 
      <img src="sliderimages/fw-4.jpg" class="ls-bg" alt="Slide background"/> 
     </div> 

    </div> 
</div>

來源

2014-09-02 GPJethro

需要看到JS來分析更好，但好像你可以修復你想要的「主」首部的位置，並給它AZ指數高於圖像的轉盤的在它下面。

來源

2014-09-02 18:15:36

我一直在試圖解決它與Z指數，但總是得到相同的結果。加載圖像後，菜單消失 – GPJethro 2014-09-02 18:25:53

你可以發佈一些更多的代碼？如果可以，還可以演示 – 2014-09-02 18:34:46

我已將鏈接附加到我的網頁：http://www.spacemind.ggpro.pl/ar/ 這裏是我已放入index.html的代碼 http://pastebin.com/7abZqTGH 這裏是整個網站代碼： http://pastebin.com/8e8CayXQ – GPJethro 2014-09-02 18:41:09

你的菜單的div應該在滑塊的div之外。就像這樣：

<div id="menu"> 
<!--your menu code --> 
</div> 

<div id="slider"> 
    <!--your slider code --> 
</div>

也許CSS可以幫助：

#menu{ 
    position:absolute; 
    z-index:2; /* you can set 9999 to make it highest */ 
} 
#slider{ 
    z-index:1; 
}

這W3C學校鏈接可以幫助：

http://www.w3schools.com/cssref/pr_class_position.asp

http://www.w3schools.com/cssref/pr_pos_z-index.asp

來源

2014-09-02 18:27:45

東西時，我使用的位置是絕對的，我的菜單向左走，不知道爲什麼。不幸的是，菜單仍然消失... – GPJethro 2014-09-02 18:32:35

默認情況下，所有元素都向左浮動。您可以將此樣式添加到菜單：margin：0px auto;並且不要忘記z-index！ – 2014-09-02 18:36:06

哇差不多完成了。當我把這

random text

我的菜單工作正常，但它被左浮動。編輯：好的，我有這個。我加了右鍵：0px;這解決了我的問題。謝謝！ – GPJethro 2014-09-02 18:43:26

把div放在滑塊內

回答

相關問題