Html Css。将鼠标悬停在底部菜单时，子菜单将消失_Html_Css

Html Css。将鼠标悬停在底部菜单时，子菜单将消失

html css

Html Css。将鼠标悬停在底部菜单时，子菜单将消失,html,css,Html,Css,我有两份菜单。一个在顶部，一个在底部。当我将鼠标悬停在底部菜单时，顶部的子菜单将消失这是你们可以看到这个例子我错在哪里编辑我正在使用SmatrMenus jquery插件 <body> <div id="header"> <div class="container"> <div class="row"> <div class="col-xs-3 hidden-xs"> <a

我有两份菜单。一个在顶部，一个在底部。当我将鼠标悬停在底部菜单时，顶部的子菜单将消失

这是

你们可以看到这个例子

我错在哪里

编辑我正在使用SmatrMenus jquery插件

  <body>

<div id="header">
  <div class="container">
    <div class="row">
      <div class="col-xs-3 hidden-xs">
        <a class="logo" title="Go to Homepage" href="/"> <img src="assets/img/logos/logo-amber-blue.png"> </a>
      </div>
      <div class="col-xs-12 col-sm-9">
        <div class="row">
          <a class="logo visible-xs" title="Go to Homepage" href="/"> <img src="assets/img/logos/logo-amber-blue.png"> </a>
          <nav id="uppernav" class="pull-right">
            <ul id="upmenu" class="sm upmenu">
              <li> <a href="index.html">Help</a>
                <ul>
                  <li> <a href="javascript:void(0)">Void</a> </li>
                  <li> <a href="javascript:void(0)">Void</a> </li>
                  <li> <a href="javascript:void(0)">Void</a> </li>
                  <li> <a href="javascript:void(0)">Void</a> </li>
                  <li> <a href="javascript:void(0)">Void</a> </li>
                  <li> <a href="javascript:void(0)">Void</a> </li>
                  <li> <a href="javascript:void(0)">Void</a> </li>
                </ul>
              </li>
              <li> <a href="index.html">Contacts</a> </li>
              <li> <a href="index.html">login</a> </li>
            </ul>
          </nav>
        </div>
        <div class="row">
          <nav id="topnav"> <input id="topmenu-state" type="checkbox" /> 
            <label class="topmenu-btn" for="topmenu-state">
                <span class="topmenu-btn-icon"></span> Toggle main menu visibility
            </label>
            <ul id="topmenu" class="sm topmenu">
              <li><a href="index.html">Home</a></li>
              <li><a href="blog.html">Blog</a></li>
              <li> <a href="#">Dropdown</a>
                <ul>
                  <li><a href="contacts.html">Contacts</a></li>
                  <li> <a href="#">Dropright Menu</a>
                    <ul>

                      <li><a href="#">Rossiyska</a></li>
                      <li><a href="#">Serenada Dret</a></li>
                      <li><a href="#">Merkava Is The Best</a></li>
                      <li><a href="#">Rossiyska</a></li>
                      <li><a href="#">Serenada Dret</a></li>
                      <li><a href="#">Merkava Is The Best</a></li>
                      <li><a href="#">Rossiyska</a></li>
                      <li><a href="#">Serenada Dret</a></li>
                      <li><a href="#">Merkava Is The Best</a></li>
                      <li><a href="#">Rossiyska</a></li>
                    </ul>
                  </li>
                  <li><a href="#">Choto Tam v Menus</a></li>
                  <li><a href="#">Choto Tam</a></li>
                  <li><a href="#">Yatsenuck Di</a></li>
                  <li><a href="#">Choto Tam</a></li>
                  <li><a href="#">Yatsenuck Di</a></li>
                  <li><a href="#">Choto Tam</a></li>
                  <li><a href="#">Yatsenuck Di</a></li>
                  <li><a href="#">Choto Tam</a></li>
                  <li><a href="#">Yatsenuck Di</a></li>
                  <li><a href="#">Choto Tam</a></li>
                  <li><a href="#">Yatsenuck Di</a></li>
                  <li><a href="#">Choto Tam</a></li>
                  <li><a href="#">Yatsenuck Di</a></li>
                  <li><a href="#">Choto Tam</a></li>
                  <li><a href="#">Yatsenuck Di</a></li>
                </ul>
              </li>
              <li><a href="about.html">About</a></li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="page-wrapper">
  <div class="container">
    <h1>This is the Blog page</h1> </div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.smartmenus/1.0.0/jquery.smartmenus.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/smartmenus/js/jquery.smartmenus.min.js"></script>
<script src="assets/js/cusom.js"></script>

















切换主菜单可见性







































这是博客页面

包含我所有的风格

Real

sm核心css。css

有此规则

.sm {
    position: relative;
    z-index: 9999;
}

z-index

导致底部菜单出现在顶部下拉菜单的顶部

删除

z-index

的规则，或者手动将其改写为

auto

，您的菜单将正常工作

你也可以添加html吗？如果你对你的问题做了一个或一个分析，这将非常有帮助。在问题中发布相关代码，不要试图绕开我确信在你尝试只发布链接时向你显示的要求。也请让小提琴工作，如果它不能复制问题，那就没有帮助。问题在哪里？我不明白为什么：在我的电脑上菜单不起作用，但在小提琴上它起作用。。。面向对象