Nivo拇指钉/ ControlNav没有在滑块内定位
这是我第一次尝试Nivo Slider，所以请容忍我--
我正在尝试将我的position:absolute缩略图放在滑块的中(我希望它位于滑块的中间，离滑块底部15 to )，但是到目前为止，使用和left和top属性只会使缩略图位置在身体周围的整个位置而不是滑块。
我做错了什么吗？我在网上寻找解决方案，但找不到任何解决办法。也许我在找错误的关键词？
我正在测试的网站的链接被删除了。我已经将缩略图重置为原来居中的滑块布局，如果你想在控制台内摆弄它，它会更容易。
回答 3
Stack Overflow用户
发布于 2012-12-16 15:18:54
如果您说“缩略图”，您指的是小寻呼机图标，那么您可以将css更改为：
#front-showcase .nivo-controlNav {
z-index: 10;
position: relative;
bottom: 40px;
}在这里，我删除了显示:块，您可以调整40 to到任何时候将适合您的布局需要。
Stack Overflow用户
发布于 2012-12-16 15:10:58
在CSS中，将positioning属性设置在.nivo-control上而不是nivo-controlNAV上。
通过添加到您的<head>中，这对我起了作用
<style type="text/css">
.nivo-control {
position:relative;
top:-45px;
}
</style>Stack Overflow用户
发布于 2012-12-16 15:39:29
啊，看来我已经从@aditya和@mToce的答案中找到了答案。
似乎我忘记了将#前端窗口定位为一个相对元素，从而使用body元素而不是滑块元素使controlNav定位本身。
有关更多信息，请阅读以下内容：
http://css-tricks.com/absolute-positioning-inside-relative-positioning/
我已经解决了这件事通过输入位置:相对；在我的#前面展示，并进入位置:绝对；在.controlNav内。
希望这能有所帮助！
https://stackoverflow.com/questions/13902566
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号