NIVO滑塊縮略圖/ ControlNav內滑塊

沒有定位這是我第一次嘗試NIVO滑塊，所以在這裏和我一起承擔 -NIVO滑塊縮略圖/ ControlNav內滑塊

我想我的位置縮略圖controlNav INSIDE 的滑塊（我希望它在中心，從滑塊底部15px），但到目前爲止使用位置：絕對和左和頂部屬性只是使縮略圖的整個定位位置周圍的身體，而不是滑塊。

我做錯了什麼？我正在尋找解決方案，但我找不到任何解決方案。也許我在尋找錯誤的關鍵字？

我測試它的網站是[鏈接刪除]。我已將縮略圖重置爲原始居中的滑塊佈局下方，如果您想在控制檯內擺弄它，它會更容易。

2012-12-16 Kyle Yeo

在您的CSS中，將position ing屬性設置爲.nivo-control而不是nivo-controlNAV。

這爲我工作通過添加到您<head>：

<style type="text/css"> 
    .nivo-control { 
     position:relative; 
     top:-45px; 
    } 
</style>

2012-12-16 15:10:58

nope。只是將所有縮略圖放在一起。我很確定它是在controlNav裏面編輯的......我剛纔試了一下，把每一個縮略圖都集中在一起。 –

我在您的網頁上看不到任何縮略圖... –

編輯：在您提供代碼後立即開始工作。謝謝！ –

如果當你說「縮略圖」，你的意思是小尋呼機圖標，那麼你可以在CSS更改爲：

#front-showcase .nivo-controlNav { 
z-index: 10; 
position: relative; 
bottom: 40px; 
}

在這裏，我刪除了display：block，您可以將40px調整爲適合您的佈局需求。

2012-12-16 15:18:54 mToce

也適用。你們正在破壞我的選擇！ –

我解決了它，謝謝你的幫助！ –

啊，看起來我已經從@aditya和@ mToce的回答中找到了答案。

似乎忘記了將＃front-showcase作爲相對元素進行定位，因此使用body元素而不是slider元素使controlNav位置本身。

我已經通過輸入位置解決的事情：相對的;在我的＃front-showcase裏面，並輸入position：absolute;內部.controlNav。

希望這會有所幫助！

2012-12-16 15:39:29

回答