缩略图在Nivo滑块中堆叠在一起

Question

我正在使用Nivo滑块＆amp;缩略图相互堆叠，但问题与CSS完全相关。

演示页面位于http://jsbin.com/ebomu4，我似乎无法将它们拉下来。

Answer 1

这是我修改过的内容，基本上取出了之前的内容。可以在此处查看演示jsfiddle nivo-slider：

.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;
}

我将导航拇指一直设置在左侧，因为拇指+填充+边距的大小使其溢出到新行。我还设置了bottom:-350px;我添加了.nivo-controlNav的{​​{1}} a和img的有效状态以使其显示，但我还设置了相对于幻灯片的navControl位置，但是由于滑块的宽度，它会溢出到第2行。希望这会有所帮助。