下拉菜單改變懸停的背景顏色

Question

我想要找到一種方式，所以當用戶將鼠標懸停在li元素上時，它將更改<li>的背景色，佔用整個下拉寬度，而不僅僅是<a>區域。這是我試過至今。

標記

    <ul class="dropdown"> 
         <li><a href="#">Visit the castle</a></li> 
         <li><a href="#">Dancing Building</a></li> 
         <li><a href="#">Nightlife</a></li> 
         <li><a href="#">Museums</a></li> 
        </ul> 

CSS

.dropdown{display:block; position:absolute; background-color:black; margin-left:65px; height:190px;} 
.dropdown li:hover{background-color:#333; padding:0px;} 
.dropdown li a{display:block;} 

Answer 1

添加顯示：塊;你的「.dropdown禮」可能是一個解決方案，但它是依賴於你的具體情況.... 你有一個現場演示的地方？