移动菜单显示不正确

我正在尝试制作“移动导航菜单”。移动菜单显示不正确

我跟随此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>

我在哪里做错了什么？

谢谢！

来源

2013-05-31 Pepozzo

您可以与您的代码共享小提琴 –

当然，抱歉，但我能够发布只有一个链接:) http://jsfiddle.net/UQj9m/（这不是整个页面的代码，因为它只是wordpress页面的一小部分）。这里我的测试：http：//93.57.93.221:81/fenicepool_documentazione/ – Pepozzo

使用这个CSS

.menu-navigazione-container { 
    position: relative; 
} 
#menu-navigazione { 
    position: absolute; 
    z-index: 10000000; 
    display: block; 
    width:40% !important; 
    top:42px; 
    left:0px; 
}

来源

2013-05-31 08:29:33

移动菜单显示不正确

回答

相关问题