0

我正在开发一个标签条。我希望所选选项卡必须在容器 div 上重叠 1px,以便它看起来像容器的一部分......
这是jsfiddle
我不想使用脚本来制作它。我想先选择CSS样式。如果你说用纯CSS做不到,那只能用脚本。它应该如下所示: 在此处输入图像描述

4

3 回答 3

1

演示

将此样式添加到您的小提琴中

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

.irmNText {
z-index: 10;
position: relative;
}
于 2012-10-10T12:40:17.570 回答
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;
}

现场演示

于 2012-10-10T12:42:06.293 回答
1

我还创建了一个现场演示,但由于我使用的计算机速度非常慢而被击败

于 2012-10-10T12:55:32.410 回答