戴上固定內容彎曲滑塊

有誰知道知道如何才能把內容（DIV菜單）INSIDE（超過滑動圖片）我的Flex幻燈片（李）：戴上固定內容彎曲滑塊

Flex的滑塊默認代碼：

<div class="wrapper_top"> 
<div class="flexslider"> 
    <ul class="slides"> 

    <li> 
    <img src="img/s1.jpg" /> 
    </li> 

    <li> 
    <img src="img/s2.jpg" /> 
    </li> 


    </ul> 

    </div> 
</div>

我想把例如.willbemenu div。這是什麼樣的畫面，我想：http://s7.postimg.org/5ul8zk1d7/WILLBE.jpg

.willbemenu{width: 1000px; background-color: orange; padding: 10px; text-align: center;}

我嘗試這種方式和工作，但問題是，當柔性滑塊製作幻燈片，我需要willbemenu無滑動DIV固定。

<div class="flexslider"> 
    <ul class="slides"> 
    <li style="background-image: url(img/s1.jpg);"> 
     <div class="willbemenu">Some option Some option</div> 
    </li> 
</div>

來源

2013-08-23 ante1820

所以你只是想要它固定在滑塊的頂部？爲什麼不把它放在它之外並修復它就像修復其他任何元素一樣？ 'position：fixed'然後使用'top'和'left'將它放在需要去的地方 –

我tey，但問題是我的.willbemenu div的寬度是1000px，我無法居中。 – ante1820

滑塊如何定位/給定寬度？與我可以爲你做 –

使用絕對外定位的div;你可以使用CSS技巧來居中。

<style> 
    .willbemenu{ width:1000px; background-color:orange; padding:10px; text-align:center; } 
    .willbemenu{ position:absolute; top:10px; left:50%; margin-left:-500px; z-index:1; } 
</style> 

<div class="flexslider"> 
    <div class="willbemenu">Some menu stuff</div> 

    <ul class="slides"> 
     <li><img src="img/s1.jpg" /></li> 
     <li><img src="img/s2.jpg" /></li> 
    </ul> 
</div>

來源

2013-08-24 00:30:18

謝謝你，所有的工作。 – ante1820

戴上固定內容彎曲滑塊

回答

相關問題