标签未在 html 网页 jsfiddle 上打开答案

【问题标题】：tabs not opening on html webpage jsfiddle标签未在 html 网页 jsfiddle 上打开
【发布时间】：2012-10-16 00:30:38
【问题描述】：

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

但是当我将它添加到我的网页时，它并没有像上面那样打开标签内容：http://jsfiddle.net/vL5VJ/

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案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 以找出问题所在。我从不喜欢看整个代码来找出一个非常重要的问题

【讨论】：