CSS - 背景颜色设置，但仍然透明

Question

在this page上，当Mozilla Firefox响应式设计视图中的视口大约为680像素宽时，顶部导航菜单会折叠为“汉堡”。

当您打开菜单时，菜单的背景是透明的，这意味着您可以看到LI元素下面的页面内容。

我添加了CSS：.menu, #menu-primary-menu, #mainnav .menu > ul > li {background-color: #FFF;}，CSS已被识别并加载，但我仍然可以看到LI，UL.menu下面的内容。

我不确定在我的问题中包含哪些代码;这是一个复杂的设置，我无法在Firebug中看到导致LI，UL.menu元素透明度的原因。我希望您可以使用实时测试页来帮助诊断问题。

Answer 1

只需将z-index: 9;添加到li。

#mainnav .menu > ul > li {
   background-color: #fff;
   z-index: 9;
}

  

z-index属性指定元素的堆栈顺序。堆栈顺序较大的元素始终位于堆栈顺序较低的元素前面。