Question

我有一个下拉菜单，似乎被DOM中的下一个文件夹隐藏了。

 div class="dropdown-tracks" >


   <div class="btn-group">
      <a class="btn btn-primary" href="#"><i class="icon-filter"></i> Filter </a>
       <a class="btn btn-primary" data-toggle="dropdown" href="#">
         <span class="icon-caret-down"></span> </a>                                    

            <ul class="dropdown-menu">
               <li><a href="#">Latest tracks (first 25)</a></li>
               <li><a href="#"> Most liked tracks </a></li>                                  
            </ul>
         </div>
        </div> 

 <div class="container" id="facebook-vids" style="background-color:#fdfcfc"> 
<!--content-->
</div>

CSS：

.dropdown-menu {
position: relative;
z-index: 100;
}

当菜单展开时，#facebook-vids div与下拉菜单的内容重叠。正如stackoverflow上的其他答案所示，我已经改变了位置和z-index，但无济于事。

提前致谢！

Answer 1

您需要确保z-index的{{1}}高于.dropdown-tracks的{{1}}。 E.g。

.container

下拉菜单被后面的元素隐藏

1 个答案: