我正在尝试制作一个“移动导航菜单”。
我正在关注这个 CSS Dropdown Menu (查看 CSS 下拉菜单段落及其资源)。
当我点击“菜单”按钮打开我的菜单时,子菜单的声音会覆盖“菜单”按钮,所以我无法在打开时关闭菜单。
这是我的 CSS 代码:
@media screen and (max-width: 960px) {
#access .nav-toggle{
display: inline-block;
float: left;
position: relative;
width:50%;
}
#menu-navigazione {
position: absolute;
z-index: 10000000;
display: block;
width:40% !important;
}
#menu-navigazione li {
display: block;
}
#menu-navigazione li a {
display: block;
}
这是我的 HTML 结构
<a class="nav-toggle" href="#">Menu</a>
<div class="menu-navigazione-container">
<ul id="menu-navigazione" class="menu" style="display: block;">
<li><a href="#">Some content HERE</a></li>
<li><a href="#">Some other content HERE</a></li>
</ul>
</div>
我哪里做错了?
谢谢!
最佳答案
使用这个 CSS
.menu-navigazione-container {
position: relative;
}
#menu-navigazione {
position: absolute;
z-index: 10000000;
display: block;
width:40% !important;
top:42px;
left:0px;
}
关于html - 手机菜单显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16852687/