如何解决bootstrap主题中的这个重叠下拉菜单

我下载了一个引导主题并稍微调整它。我在我的div的顶部添加了一个插入符号和一个下拉菜单，但菜单下拉菜单正在被我的边栏覆盖。我希望把它在它的面前，这里是图像：如何解决bootstrap主题中的这个重叠下拉菜单

这里是我的下拉代码：

.custom-drop { 
    position: relative; 
    min-width: 105px; 
    z-index: 5000; 
} 

.frontview { 
    z-index: 5000; 
    position: relative; 
}

<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-circle text-success"></i> Online</a><span class="caret"></span> 
<ul class="dropdown-menu custom-drop"> 
    <li class="frontview"><a href="#">Profile</a></li> 
    <li class="frontview"><a href="#">Sign-out</a></li> 
</ul>

来源

2017-02-16 Jc John

它很简单，你的侧边栏有一个更高的'z-index'，尝试在下拉菜单中将'z-index'设置为10000. –

@ImmortalDude我已经声明了z-index：5000; –

这就是为什么我说试着增加'z-index'到10000这样的东西，也检查可能会裁剪导航下拉菜单的'overflow：hidden' –

-1

我不朽的哥们的建议达成一致。如果它仍然不起作用，您还可以尝试将侧栏z-index设置为-1。

来源

2017-02-16 09:34:17 Mefimefi

感谢您的支持 –

如何解决bootstrap主题中的这个重叠下拉菜单

回答

相关问题