将选定的选项卡设置为向下以隐藏边框

时间:2012-10-10 12:28:25

标签: html css

我正在开发一个标签条。我希望所选标签必须在容器div上重叠1px,这样它才能看起来像是容器的一部分...
这是jsfiddle
我不想使用脚本。我想首先选择CSS样式。如果你说使用纯CSS无法完成,那么只能选择脚本。 它应该如下: enter image description here

3 个答案:

答案 0 :(得分:1)

请参阅demo

将此风格添加到您的小提琴

.vUiTsContainers {
z-index: 1;
top: -3px;
position: relative;
}

.irmNText {
z-index: 10;
position: relative;
}

答案 1 :(得分:1)

您好现在在css中定义一些css就像这样

 .vUiTsTabs > ul{
overflow:hidden;  // remove this line
}

或添加此css

.vUiTsTabs > ul:after{
content:'';
    overflow:hidden;
    display:block;
    clear:both;
}
.vUiTsTab.vUiTsTabSel{
position:relative;
}
.vUiTsTab.vUiTsTabSel:after{
content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-3px;
    height:3px;
    background:#F3F3F3;
}

Live demo

答案 2 :(得分:1)

我还创建了一个live demo但由于我正在使用的计算机速度非常慢而被殴打