Html 我的下拉菜单显示在引导的carousel元素后面

这是我的导航代码

 <ul>
   <li><a href="index.php" style="text-decoration: none;">Home</a></li>
   <li class="dropdown">
     <a class="dropdown-toggle" data-toggle="dropdown" role="button">
       Men <span class='caret'></span>
     </a>
      <ul class="dropdown-menu">
      <?php 
      $cat_sql = "SELECT * FROM category";
      $cat_run = mysqli_query($conn, $cat_sql);
      if(false === $cat_run){
        echo mysqli_error($conn);
      }
      while($cat_row = mysqli_fetch_assoc($cat_run)) {
        $cat_name = ucwords($cat_row['cat_name']);
        echo"
          <li><a href='men_watches.php?category=$cat_name'><div>$cat_name</div></a></li> 
          ";
      }
      ?>
      </ul>
    </li>
  </ul>

尝试：

li.dropdown{z-index:98}
li.dropdown ul{z-index:99；}

检查

ul

的

z-index

属性，您可以将

z-index

添加到dropdown类中，以显示刚刚设置的优先级

z-index:90打开
。下拉列表
和
jumbotron
中的任何较低值不适用于我
 nav{
            background: black;
            width: 100%;
            height: 70px;
            line-height: 70px;
            color: white;
            font-family: Verdana, Geneva, arial, sans-serif;
            opacity: 0.9;

        }
        nav h1{
            font-weight: 400;
            float: left;
        }
        nav ul{
            padding-left: 20px;
            float: left;
            margin-right: 20px;

        }
        nav ul li{
            list-style-type: none;
            display: inline-block;



        }
        nav ul li:hover{
            background:   orange;
            transition: all 0.40s;

        }
        nav ul li a{
            color: white;
            padding: 30px;
            font-family: arial;
            font-weight: bold;
            font-size: 16px;        
        }
        .dropdown-menu li a:hover{
                    color: orange;
                 text-decoration: ;   


                }