[英]Mobile menu not showing correctly
我正在嘗試制作“移動導航菜單”。
我正在關注這個CSS Dropdown菜單 (請查看CSS Drop Down菜單段落及其資源)。
當我單擊“菜單”按鈕打開菜單時,子菜單語音會覆蓋“菜單”按鈕,因此打開菜單后我無法關閉菜單。
這是我的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;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.