Question

这是我第一次尝试使用Nivo Slider，所以请在这里忍受 -

我正在尝试将我的controlNav缩略图 INSIDE 放在滑块上（我希望它位于中心，距离滑块底部15px），但到目前为止使用 position：absolute < / strong>和左和顶部属性只会使缩略图位置围绕正文而不是滑块进行定位。

我做错了吗？我正在网上寻找解决方案，但我找不到任何解决方案。也许我在寻找错误的关键词？

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

Answer 1

如果您说“缩略图”，则表示小型寻呼机图标，则可以将css更改为：

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

在这里，我删除了display：block，您可以将40px调整为适合您的布局需求。

Answer 2

在您的CSS中，在position而不是.nivo-control上设置nivo-controlNAV个属性。

通过添加到<head>：

，这对我有用

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

Answer 3

啊，看起来我在@aditya和@mToce的答案的帮助下找到了答案。

似乎我忘了将＃front-showcase定位为相对元素，从而使controlNav本身与body元素而不是slider元素一起定位。

有关详细信息，请阅读：

我通过输入位置解决了这个问题：亲戚;在我的＃front-showcase里面，进入位置：绝对;在.controlNav。

希望这有帮助！