Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery SerialScroll选项卡底部边框问题_Jquery_Css - Fatal编程技术网

JQuery SerialScroll选项卡底部边框问题

JQuery SerialScroll选项卡底部边框问题,jquery,css,Jquery,Css,我已经实现了SerialScroll,它类似于可滚动选项卡: 我想以某种方式消除在加载时显示的每个选项卡之间的小底部边框: 之所以看不到整个选项卡下方的底部边框,是因为每个.navigations li底部边框最初设置为-1: #mid-featureleft-client .navigations li{ float: left; margin:0 3px -1px 0; position: relative; } 然后,单击功能使底部边框显示在未选择的选项卡下方: 最好的解决方案是在

我已经实现了SerialScroll,它类似于可滚动选项卡:

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

之所以看不到整个选项卡下方的底部边框,是因为每个.navigations li底部边框最初设置为-1:

#mid-featureleft-client .navigations li{
float: left;
margin:0 3px -1px 0;
position: relative;
}
然后,单击功能使底部边框显示在未选择的选项卡下方:

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

有人知道我该如何实现这一点吗

由于这些是“选项卡”,因此应始终选择第一个选项卡


jQuery选项卡始终选择第一个选项卡。几乎每个选项卡场景都是如此。

要解决您的问题,您应该在css类中将margin bottom值设置为0

#mid-featureleft-client .navigations li{
float: left;
margin:0 3px 0 0;
position: relative;
}
然后,您应该在白色类中添加“边距底部:-1px”

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

这不是JQuery选项卡-我指出了它的连续滚动@sinanakyzaici我想我以前试过这个,但出于某种原因,它看起来有点奇怪,底部边界一直在装载。所以我坚持使用我的原始版本,你几乎看不到开发站点标签之间的边界。