Javascript Nivo滑块缩略图/控件导航未定位在滑块内部

这是我第一次尝试Nivo滑块，所以请耐心听我说--

我正在尝试将我的controlNav缩略图放置在滑块内部（我希望它位于中心，距离滑块底部15px），但是到目前为止，使用位置：绝对和左和顶属性只会使缩略图的整个位置围绕身体而不是滑块

我做错什么了吗？我正在网上寻找解决方案，但就是找不到。也许我在搜索错误的关键字

---

我正在测试的网站是[链接已删除]。我已将缩略图重置为原来的居中下方滑块布局，如果您想在控制台内摆弄它，这将更容易。

在CSS中，将

位置设置为
。nivo control
而不是
nivo controlNAV

通过向您的
中添加以下内容，这对我起到了作用：


.nivo控制{
位置：相对位置；
顶部：-45px；
}
在CSS中，在
.nivo control
上设置
位置
ing属性，而不是
nivo controlNAV

通过向您的
中添加以下内容，这对我起到了作用：


.nivo控制{
位置：相对位置；
顶部：-45px；
}
如果你说的“缩略图”是指小的寻呼机图标，那么你可以将css更改为：

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

在这里，我删除了display:block，您可以调整40px以满足您的布局需要。
如果您说的“缩略图”是指小的寻呼机图标，那么您可以将css更改为：

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

在这里，我删除了display:block，您可以调整40px以满足您的布局需要。
啊，看来我已经在@aditya和@mToce的答案的帮助下找到了答案

似乎我忘记了将#front showcase定位为相对元素，从而使controlNav使用body元素而不是slider元素来定位自身

有关更多信息，请阅读以下内容：


我通过输入位置解决了这个问题：相对；在my#front showcase内，进入位置：绝对位置；里面，控制导航

希望这有帮助
 啊，看来我在@aditya和@mToce的答案的帮助下找到了答案

似乎我忘记了将#front showcase定位为相对元素，从而使controlNav使用body元素而不是slider元素来定位自身

有关更多信息，请阅读以下内容：


我通过输入位置解决了这个问题：相对；在my#front showcase内，进入位置：绝对位置；里面，控制导航

希望这有帮助
 没有。这只是将所有缩略图放在一起。我很确定它是在控制导航中编辑的。。。我刚才试过了，把每个缩略图都拼凑在一起。完成了！不管怎么说，有一个小问题——我的前橱窗有点高——有什么办法可以摆脱它吗？是的，mToce实际上做得很好，你应该使用
底部
。负定位会导致额外的空间。也可以使用负数
margin top
values.hmm，我已经意识到：relative属性是影响额外高度的属性，并且还禁用了我的左右导航！不。这只是将所有缩略图放在一起。我很确定它是在控制导航中编辑的。。。我刚才试过了，把每个缩略图都拼凑在一起。完成了！不管怎么说，有一个小问题——我的前橱窗有点高——有什么办法可以摆脱它吗？是的，mToce实际上做得很好，你应该使用
底部
。负定位会导致额外的空间。也可以使用负数
margin top
values.hmm，我已经意识到：relative属性是影响额外高度的属性，并且还禁用了我的左右导航！