Javascript 由于某种原因，顶栏按钮列表位于div后面

/*下拉列表*/
li.下拉列表{位置：相对；}
下拉菜单{
位置：绝对位置；
最小宽度：120px；
}
下拉菜单{
显示：块！重要；
空白：nowrap；
}

巴林证券交易所
正文{字体系列：“Lato”，无衬线}
.mySlides{display:none}

在

将您的代码更改为此

<div class="w3-container w3-black w3-top"> 
  <ul class="nav navbar-nav">
    <li>
      <a class="w3-button" style="font-size:24px" href="#">
        <i class="fa fa-home"></i>
      </a>
    </li> 
    <li class="dropdown">
      <a class="dropdown-toggle w3-button" data-toggle="dropdown" href="#">Corporate Profile</a>
      <ul class="dropdown-menu">
        <li><a href="#">Page 1-1</a></li>
        <li><a href="#">Page 1-2</a></li>
        <li><a href="#">Page 1-3</a></li>
      </ul>
    </li>

    </ul> <!--this was missing-->
</div>

好吧，把导航的z-指数调高就行了？像

ul.nav{z-index:2；}

？而不是默认的0我尝试了，但没有改变！我的代码中没有缺少它，只是从这里缺少了它，因为我没有包括我得到的所有选项（

）。你需要显示所有HTML和css编码，以找出你的问题我已经添加了它。