Javascript 在Nivo滑块中，缩略图相互重叠

我使用的是nivoslider&缩略图彼此重叠，但问题完全与CSS有关

---

演示页面在，我似乎无法完成

这是我修改的内容，基本上删除了您以前的内容。可以在此处查看演示：

---

我将导航拇指一直设置到左侧，因为拇指+填充+边距的大小使其溢出到新行。我还通过设置

bottom:-350px来设置相对于滑块的导航控制位置

我添加了

.nivo controlNav

的

a

img

和img的活动状态以使其显示，但由于滑块的宽度，它溢出到第2行。希望这有帮助。

您的.nivo控制导航的CSS是什么a@kjy112不管我放了什么，我都不能让它工作。首先，你的拇指太大了，不能放在一行上，因为滑块的宽度设置为

618px

，4 x 150加上填充物和边距将拇指推到两行，但我会把我所做的发布出来。谢谢，这完全是我想要的，它们不再互相重叠了。：）

.nivo-controlNav {
    position:absolute;
    left: 0px;  //i set the navigation thumb all the way to the left because the size of your thumb + padding + margin was making it overflow to new rows
    bottom:-350px; //setting the navControl position relative to the slide
}

//here is what i added
 .nivo-controlNav a {
    display:inline;
}

.nivo-controlNav img {
    display:inline;
    position:relative;
    margin-right:10px;
}

.nivo-controlNav a.active img {
    border:1px solid #000;
}