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

回答