2

我制作了一个选项卡式菜单：http: //jsfiddle.net/zWMYp/

但是，当我将它添加到我的网页时，它不会像上面那样打开选项卡内容：http: //jsfiddle.net/vL5VJ/

我不确定是什么干扰了标签。

4

2 回答 2

0 
.css-tabs ul.noint11_menu li > div {
    z-index: -1;
}

是罪魁祸首。删除它（并添加color: #fff）它会工作

http://jsfiddle.net/vM5VJ/2/

于 2012-10-16T00:46:22.740 回答
0

您的代码中有两个问题 1）a href 下 div 中的 z-index 的 z-index 为 -1，因此它落后于其他所有内容 2）文本的颜色与背景几乎相同

我已经更改了这个 css 类作为示例，您可以使用其他方法，例如为 div 文本定义 css 颜色；

.css-tabs ul.noint11_menu li:target > div
{
    display:block;
    z-index:1;
    color:white;

}

这是更新的 jsfiddle 链接 http://jsfiddle.net/vM5VJ/3/

我的建议是使用 google chrome 检查元素，并逐步删除或添加 css 以找出问题所在。我从不喜欢看整个代码来找出一个非常集中的问题

于 2012-10-16T00:55:42.867 回答