即使使用z索引，子菜单也不可见

Question

悬停时子菜单不显示。我不确定哪一部分出了问题。以前，我能够在显示时显示我的子菜单：没有删除。但是当我将鼠标悬停在该菜单项上时，我想要显示子菜单。感谢。

#navigation ul li a:hover { 
background-color: rgba(255, 255, 255, 0.1);
display: block;
}

#navigation ul li ul {
position: absolute;
top: 58px;
left: 0px;
width: 200px;
border: none;
z-index: 1200!important;
background: #D32828;
display: none;
}

Answer 1

如果没有看到您的HTML，很难说，但可能您想改变：

#navigation ul li a:hover { ... }

要：

#navigation ul li a:hover + ul { ... }

否则，您只是在悬停时将a元素设置为display: block，不是 ul元素。

Answer 2

不妨给它一个答案：

#navigation ul li：hover＆gt;一个 {   background-color：rgba（255,255,255,0.1）;   }   #navigation ul li：hover ul {   显示：块;   }