我正在使用Bootstrap v3.3.6,所以在“顶盒” div上使用它们的“下拉菜单”来显示子菜单。但是由于某种原因,“下拉菜单”出现在我网站的“标题品牌” DIV后面。我在CSS中添加了z-index,但似乎仍然无济于事,请帮助。
这是我的项目URL:单击此处
<header id="header">
<!-- BEGIN TOP BAR -->
<div class="top-box animatedq fadeInDownq">
<div class="left-bar">
<ul class="list-inline top-contact-info">
<li><i class="fa fa-mobile-phone"></i> 24X7 Contact : +91 9830556230</li>
</ul>
</div>
<div class="right-bar">
<ul class="list-inline top-menu-items" role="navigation">
<li><a href="#"><i class="fa fa-briefcase"></i> Create Wallet</a></li>
<li><a href="#"><i class="fa fa-sign-in"></i> User Login</a></li>
<li><a href="#"><i class="fa fa-sign-in"></i> Agent Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu submenu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- END TOP BAR -->
<!-- BEGIN BRAND(COMPANY NAME & LOGO) -->
<div class="header-brand">
<div class="logo">
<a href="index.html"><img src="assets/images/logo.png" alt="Logo"></a>
</div>
<div class="social-icons">
<ul class="icons">
<li><a href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" title="google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" title="Youtube"><i class="fa fa-youtube"></i></a></li>
<li><a href="#" title="Skype"><i class="fa fa-skype"></i></a></li>
<li><a href="#" title="Vimeo"><i class="fa fa-vimeo"></i></a></li>
<li><a href="#" title="Instagram"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
<!-- END BRAND(COMPANY NAME & LOGO) -->
</header>
CSS代码
.top-box .submenu {
z-index: 9999999999 !important;
border-radius: 0px;
}
如前所述,overflow:hidden
从中删除,.top-box
以停止剪辑内容,并添加类clearfix
以清除内部div的浮点数。
<div class="top-box animatedq fadeInDownq clearfix">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句