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中看到什麼導致了元素的透明度。我希望您可以使用實時測試頁面來幫助診斷問題。

Answer 1

只需將z-index: 9;添加到li即可。

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

的z索引屬性指定的元素的堆疊順序。堆棧順序較大的元素始終位於堆棧順序較低的元素前面。