Question

我正在尝试构建响应式菜单。我在添加正确的Z索引方面遇到了一些问题。

以下是网站：http://erlendvanlandeghem.be/ 当你缩小窗口时，你应该得到一个按钮，显示＆＃34;显示菜单＆＃34;。菜单然后在内容（cwrap）后面展开。我尝试用z-index修复它，但这似乎不起作用。

有任何帮助吗？提前谢谢！

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;
}

响应式网站菜单z-index

3 个答案: