为什么CSS在Firefox中无法点击链接？

Question

我正在检查Firefox 3.6

为什么第二级链接无法在此标签菜单中点击。

alt text http://shup.com/Shup/383239/11061405615-My-Desktop.png

这里的实例： http://jsbin.com/upeka4/5

如果禁用css

，则可点击这些内容

Answer 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
}

Answer 2

您的z-index: -1是问题

Answer 3

将ul.level2的z-index从-1更改为你应该很好。 IE仍然会允许它们被点击，但是如果它们上面有一个元素，firefox通常不允许它。

Answer 4

上面的其他人已经解释了这个问题。对于解决方案，只需：

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

将高度降低到32px会导致辅助链接列表从tabcontainer中“溢出”，因此不会被它覆盖（尽管它仍然根据z-index显示在“下方”）。 position:absolute;导致辅助链接仅位于tabcontainer下方，而不是位于任何父元素（如html，body）之下。