HTML和CSS导航菜单的麻烦

我有一个由嵌套列表组成的垂直导航菜单，但是当子菜单处于活动状态时，该菜单下的任何内容都不可单击

---

例如，在下面的链接中，“测试裁剪”处于活动状态，但我无法单击下面的两个链接，我看不到我的HTML或CSS中存在问题，我认为该错误只在Firefox中明显，这是链接，您的问题是因为导航菜单是.wrapper类的子类，以及主内容区域，两者的z指数均为999。在这种情况下，页面下面的.wrapper元素将优先使用z索引。正如您在我的屏幕截图中看到的，在主内容区域下面有优势，test corp标题与导航元素重叠。我将向主内容区域添加一个附加类，并指定一个小于999的z索引

---

这是因为您有以下CSS：

.wrapper {
    clear: both;
    margin: 0 auto;
    position: relative;
    width: 944px;
    z-index: 1000;
}

有两个类的divwrapper，具有相同的z索引。第一个包含导航。第二个包含大量正文内容。第二个，因为它出现在页面的后面，并且具有相同的z索引，将出现在第一个的顶部。这意味着它正在覆盖导航，防止被点击

---

解决方案是为第一个div.wrapper提供更高的z索引。您可以通过给它一个ID，然后在该ID上设置z索引来实现这一点。

您能为css和HTML提供更好的可读性吗？