即使使用zindex也不可見子菜單

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李：懸停>一{ 背景色：RGBA（255，255，255，0.1）; } #navigation ul li：hover ul { display：block; }