导航菜单项的背景颜色答案

【问题标题】：Background color of nav menu items导航菜单项的背景颜色
【发布时间】：2013-04-02 01:56:18
【问题描述】：

更新：为清楚起见，我添加了黄色背景颜色以查看“显示”或“透明”的内容

我似乎无法弄清楚如何在此导航栏中保持相同的样式，但将背景颜色设为白色，而不是透明。我还想摆脱每个下拉菜单项之间的透明度。

任何帮助将不胜感激！

特雷弗

 .nav {
border-radius:4px;
box-shadow: 0 3px 4px #8b8b8b; 
 }

【问题讨论】：

将哪个元素的背景色设为白色？
透明度在哪里？
我没有在你的小提琴中看到问题，但 CSS 背景颜色是这样完成的 background-color:#FFFFFF - w3schools.com/cssref/pr_background-color.asp
我希望导航按钮是白色的，而不是透明的。但我需要保留每个导航按钮的底部颜色。

标签： css

【解决方案1】：

你需要在下面的 CSS 类中设置background-color

.nav > li 
{
   background-color:white;
}

【讨论】：

谢谢！我认为这会弄乱背景的所有渐变设置，但我应该先尝试一下。呵呵。
每个下拉菜单项之间的透明度如何？
为此，您需要从 li's (.nav li > ul > li) 类中删除 margin-bottom 。看看jsfiddle.net/VZ7qD/25。 Adrift 也提到了同样的事情。
是的，但这会在两个列表项之间创建一条更粗的实线。我喜欢列表项之间的间距。
我想通了。我必须为每个子菜单 UL 添加一个类，并为该 UL 赋予白色背景色。