[英]Mobile menu not showing correctly
I'm trying to make a "mobile navigation menu". 我正在尝试制作“移动导航菜单”。
I'm following this CSS Dropdown Menu (look at CSS Drop Down menu paragraph and its resources). 我正在关注这个CSS Dropdown菜单 (请查看CSS Drop Down菜单段落及其资源)。
When i click to "Menu" button to open my menu, submenu voices override "Menu" button, so i cannot close menu when it's opened. 当我单击“菜单”按钮打开菜单时,子菜单语音会覆盖“菜单”按钮,因此打开菜单后我无法关闭菜单。
Here's my CSS code: 这是我的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;
}
And this is my HTML structure 这是我的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>
Where am i doing something wrong? 我在哪里做错了什么?
Thanks! 谢谢!
use this css 使用这个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.