【响应式导航栏的下拉框会把下方的轮播图遮盖掉 _响应式】

响应式导航栏的下拉框会把下方的轮播图遮盖掉

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

响应式

详细描述

截图

代码

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
        <span class="sr-only">切换导航</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      </button>
      <a href="#" class="navbar-brand nav-title">YinyouPoet</a>
    </div>
    <div class="collapse navbar-collapse" id="navbar-menu">
      <ul class="nav navbar-nav navbar-right">
        <li class="cative"><a href="#">Home</a></li>
        <li class="cative"><a href="#">About</a></li>
        <li class="cative"><a href="#">Portfolio</a></li>
        <li class="cative"><a href="#">Contact</a></li>
      </ul>
    </div>
  </div>
</nav>

编辑于2024-11-01

时间排序

热门排序

[深圳|结业弟子]JS-李韬
0

把第一行代码中的"navbar-fixed-top"去掉就好了。"navbar-fixed-top"会提高下拉框的层级，让他高于文档流。所以会遮盖下面的图片。

查看全部>

编辑于2018-09-28

去第页