css - CSS导航透明背景

Question

我试图让这个透明的背景工作。当导航下拉时，我希望列表的整个背景都是透明的，悬停不透明。

更新：这是我的 jsfiddle

Answer 1

改变：

ul#navigation li:hover > a
{
    background:#fff;
    color:#4dbaf2;
}

到：

#navigation li a:hover
{
    background:#fff;
    color:#4dbaf2;
}

示例：http: //jsfiddle.net/Z8Cu8/5/

更新：

然后您还需要将其添加到您的 CSS 文件中：

#navigation li ul li a
{
    background-color:rgba(255,255,255,.5);
}

示例：http: //jsfiddle.net/Z8Cu8/6/

但我不确定这是否是你要求的？