Html 移动菜单未正确显示
我正在尝试制作一个“移动导航菜单” 我遵循这一点(查看CSS下拉菜单段落及其参考资料) 当我点击“菜单”按钮打开菜单时,子菜单的声音会覆盖“菜单”按钮,所以打开菜单时我无法关闭菜单 以下是我的CSS代码:Html 移动菜单未正确显示,html,css,Html,Css,我正在尝试制作一个“移动导航菜单” 我遵循这一点(查看CSS下拉菜单段落及其参考资料) 当我点击“菜单”按钮打开菜单时,子菜单的声音会覆盖“菜单”按钮,所以打开菜单时我无法关闭菜单 以下是我的CSS代码: @media screen and (max-width: 960px) { #access .nav-toggle{ display: inline-block; float: left; position: relative;
@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;
}
你能用你的代码分享一下吗当然,很抱歉,我只能发布一个链接:)(这不是页面的全部代码,因为它只是wordpress页面的一小部分)。以下是我的测试: