为什么CSS使链接在Firefox中不可点击？

我正在登录Firefox 3.6

为什么在此选项卡菜单中无法单击第二级链接

这里的实例：

---

如果禁用css，则可以单击这些选项。您的

z-index:-1

是问题所在

可能是因为此处的

z-index

定义：

ul.level2  {
background:none repeat scroll 0 0 #F3F8C6;
border:1px solid #EABF4A;
left:0;
padding:6px;
position:absolute;
top:30px;
width:463px;
z-index:-1; <------------------------ there
}

ul.level2{
背景：无重复滚动0 0#F3F8C6；
边框：1px实心#EABF4A；
左：0；
填充：6px；
位置：绝对位置；
顶部：30px；
宽度：463px；
z-index:-1；将ul.level2的z-index从-1更改为-1，您应该可以开始了。IE仍然允许单击它们，但如果上面有元素，firefox通常不允许这样做。
上面的其他人已经解释了这个问题。要解决此问题，请执行以下操作：

#tabcontainer
        {
          height:32px;
          position:absolute;
          margin: 2em;
          font-size: 12px;
        }

将高度降低到32px会导致次链接列表从tabcontainer中“溢出”，因此不在其范围内（尽管根据z索引，它仍然显示在其“下方”）
position:absolute；
会导致次链接仅位于tabcontainer的下方，而不位于任何父元素的下方（比如html，body）。
据我所知，所有链接都是可点击的（它们都会改变颜色，就像我访问过它们一样），你能说得更具体一点吗。（我在IE7中有记录）你使用的是特定的浏览器吗？或者你看到这种情况发生了吗？因为正如@Alex所说，它们似乎对我有用。我在url中看到了一个#符号。但是没有它，我无法在不使用图像的情况下产生重叠效果。如果我删除z-index或将其设置为1，则活动选项卡将如下所示。我没有这样做want@metal给出
0的2级a
z索引
和它上面的元素
1
。我认为这里的问题是负z索引。@Pekka我想用跨浏览器兼容性创建这样的选项卡在我的回答中查看我的评论，因为它应该引导您找到解决问题的非图像解决方案。但是我想创建重叠选项卡效果，没有z索引，纯css是不可能的您提到想要“重叠”效果。我建议您在
a
标记（边框、边距、填充）上重新设计样式，使其“填充”
li
，并与
li
上的样式匹配（丢失
li
样式），然后将其底部边框颜色设置为与背景颜色匹配，然后使用
z-index:1
将其“提升”以覆盖次级
ul
的顶部边框。我现在没有时间为您重新编写代码。