JQuery SerialScroll Tabs 底部边框问题

Question

我已经实现了类似于滚动标签的 SerialScroll:

http://jsfiddle.net/NinjaSk8ter/WvpcR/

我想以某种方式消除显示在加载中的每个选项卡之间的小底部边框:

之所以看不到底部边框一直在选项卡下方，是因为每个 .navigations li 底部边框最初都设置为 -1:

#mid-featureleft-client .navigations li{
float: left;
margin:0 3px -1px 0;
position: relative;
}

然后点击功能使底部边框出现在那些未被选中的选项卡下方:

最好的解决方案是在加载时或在 Init 函数中始终选择第一个选项卡，然后让底部边框一直显示在那些未选中的选项卡的底部。

有人知道我该如何实现吗？

Answer 1

要解决您的问题，您应该在此处的 css 类中将 margin-bottom 值设置为 0。

#mid-featureleft-client .navigations li{
float: left;
margin:0 3px 0 0;
position: relative;
}

然后，您应该将“margin-bottom:-1px”添加到白色类。

.white {   
    border-top: 1px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;    
    border-right: 1px solid #C6C6C6;    
    background-color: #F7F7F7; 
    margin-bottom:-1px;
} 

http://jsfiddle.net/WvpcR/25/