css - 即使使用 zindex 也看不到子菜单

Question

悬停时不显示子菜单。我不确定是哪一部分出了问题。以前，我能够在 display:none 被删除时显示我的子菜单。但我希望当我将鼠标悬停在该菜单项上时显示子菜单。谢谢。

#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 on hover，不是 ul元素。