显示垂直菜单css时出现问题

我用css制作了一个垂直菜单。这是一个包含与此类似的子菜单的菜单：

这里您可以看到一个示例：

它工作正常，但当我点击其中一个子菜单查看信息时，其他子菜单消失，即菜单停留在文本下方。所以，如果我想通过点击另一个我不能点击的子菜单来改变页面，我必须返回主页

以下是我的css代码：

#menu ul {
list-style: none;
margin: 0;
padding: 3px;
width: 100%;
font-size: 14px;
}

#menu h2 {
color: white;
background: #9370D8;
padding: 4px;
text-align:center;
font-size:15px;
width: 100%;
display: block;
}

#menu a {
color: black;
background: white;
text-decoration: none;
display: block;
font-weight: bold;
width: 100%;
padding:4px;
}

#menu a:hover {
color: black;
background: #eee;
}

#menu li {
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

和html代码：

 <div id="menu">
   <ul>
    <li><h2>Browse</h2>
      <ul>
         <li><a href="/browse/districts/">Districts</a></li>
         <li><a href="/browse/time/" >Time</a></li>
      </ul>
    </li>
    </ul>
    <ul>
      <li><h2>Analyze</h2>
         <ul>
            <li><a href="#">Co-occurrence</a>
              <ul>
                <li><a href="/analyse/co-occurrence/percentage" >Percentage</a></li>
                <li><a href="/analyse/co-occurrence/regions" >Regions</a></li>
              </ul>
            </li>     
            <li><a href="#">Geographical</a>
             <ul>
                <li><a href="/analyse/geographical/districts/">Districts</a></li>
                <li><a href="/analyse/geographical/citizenship/">Citizenship</a></li>
            </ul>
           </li>  
         </ul>
  </div> 

浏览







分析

例如，我会使用上面的链接。如果单击文件夹2中的子项2.1，我将看到一些包含信息的页面。
现在我想查看文件夹1中的子项1.1，但我的问题是，当我单击其中一个子菜单时，我无法看到子项1.1，因此如果我想单击子项1.1，我必须返回主页

问题如下：

任何帮助都将不胜感激：）

---

谢谢

问题在于z指数

我读了教程，头版有一个z索引：-1
菜单有一个z索引：1

因此，以下操作不起作用，您必须设置如下内容：

body
{
    z-index: 1;
 }

sub-menu
{
   z-index: 999;
 }

---

问题在于z指数

我读了教程，头版有一个z索引：-1
菜单有一个z索引：1

因此，以下操作不起作用，您必须设置如下内容：

body
{
    z-index: 1;
 }

sub-menu
{
   z-index: 999;
 }

---

我真的不明白这个问题。你能给我们举个例子吗，或者至少也发布HTML代码吗？我已经更新了，但我认为是css的问题。希望通过这个例子你能理解这个问题。你还需要提供更多的信息。你发布的CSS/HTML不适合我。然而，你似乎只是在与你的主页不同的页面上对菜单有问题。你在用别的东西吗？比如JavaScript？不，我只使用css和html，html有点大，因为我有一个我发布的更大的菜单。在主页上，一切正常。问题是当我点击某个子菜单时，如果我想切换到另一个子菜单，我不能，因为子菜单消失了，它们停留在文本下面。我将更新html，因此如果你不想真正了解问题，你可以再试一次。你能给我们举个例子吗，或者至少也发布HTML代码吗？我已经更新了，但我认为是css的问题。希望通过这个例子你能理解这个问题。你还需要提供更多的信息。你发布的CSS/HTML不适合我。然而，你似乎只是在与你的主页不同的页面上对菜单有问题。你在用别的东西吗？比如JavaScript？不，我只使用css和html，html有点大，因为我有一个我发布的更大的菜单。在主页上，一切正常。问题是当我点击一些子菜单时，如果我想切换到另一个子菜单，我不能，因为子菜单消失了，它们留在文本下面。我会更新html，所以如果你愿意，你可以再试一次