标签没有在html网页jsfiddle上打开

Question

我制作了一个标签式菜单：http://jsfiddle.net/zWMYp/

但是，当我将其添加到我的网页时，它不会打开上面的标签内容：http://jsfiddle.net/vL5VJ/

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

Answer 1

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

是罪魁祸首。删除它（并添加color: #fff），它将起作用

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

Answer 2

您的代码中有两个问题 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/

我的建议是使用谷歌浏览器检查元素，并逐步删除或添加CSS以找出问题所在。我从不喜欢看整个代码来找出一个非常关注的焦点问题