选项卡样式灵感在4个选项卡上不能正常工作
选项卡样式灵感在4个选项卡上不能正常工作
提问于 2016-03-13 21:55:19
你好，我从Codrope得到了Tab样式的灵感
但是每个标签都有5个标签，它工作得很好，但每当我试图删除5个标签，并保留4个标签作为我的要求，所以拖动底部边框不起作用！
请任何人能给我的标签最好的解决方案，我可以保留标签
这是我的源码，请直播
<a href="http://codepen.io/fazurrehman/pen/ONRmwN">See here my demo on codepen.io</a>
回答 1
Stack Overflow用户
发布于 2016-03-13 22:05:41
您遇到的问题在Move the line上的css中
之前：
/* Move the line */
.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
-webkit-transform: translate3d(-400%,0,0);
transform: translate3d(-400%,0,0);
}
.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
-webkit-transform: translate3d(-300%,0,0);
transform: translate3d(-300%,0,0);
}
.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
-webkit-transform: translate3d(-200%,0,0);
transform: translate3d(-200%,0,0);
}
.tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}之后：
/* Move the line */
.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
-webkit-transform: translate3d(-300%,0,0);
transform: translate3d(-300%,0,0);
}
.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
-webkit-transform: translate3d(-200%,0,0);
transform: translate3d(-200%,0,0);
}
.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35971112
复制相关文章
相似问题
腾讯云开发者
