響應式網站菜單Z-索引

Question

我正在嘗試建立一個響應式菜單。 添加正確的Z索引時遇到一些問題。

這是網站： http : //erlendvanlandeghem.be/當您縮小窗口時，您應該得到一個顯示“顯示菜單”的按鈕。 然后，菜單在內容后面展開（cwrap）。 我曾嘗試用z-indexes修復它，但這似乎不起作用。

有什么幫助嗎？ 提前致謝！

Answer 1

只需添加position:relative; 到以下ID #navwrapper

Answer 2

在302數字行處添加此代碼main.css。

@media only screen and (max-width: 480px)
#navwrapper {
   width: 100%;
   left: -1px;
   text-align: center;
   background-color: transparent;
   max-width: 480px;
   position: relative;
   z-index: 10;
}

Answer 3

將z-index添加到#navwrapper即可使用

#navwrapper {
  width: 240px;
  left: -1px;
  background-color: #333333;
  height: 100%;
  position: fixed;
  float: left;
  text-align: left;
  box-shadow: 1px 0px 3px #888888;
  z-index: 999;
}