下拉菜单改变悬停的背景颜色

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礼”可能是一个解决方案，但它是依赖于你的具体情况.... 你有一个现场演示的地方？