twitter bootstrap下拉z-index和透明度的可见性问题

Question

我有我的twitter引导下拉菜单获取隐藏下面的项目和透明度的麻烦。例如：http://pictorious-web-qa.herokuapp.com

1. 菜单的z-index去下面的资料照片时，屏幕 缩小到宽400像素左右。我检查了媒体查询，但 找不到任何z-index设置。

   有关 示例，请参见http://pictorious-web-qa.herokuapp.com/profiles/albert。

2. 我想保持半透明的菜单导航，但想起来下拉菜单项的 固体透明度。我已经直接在菜单容器上设置了不透明度 ，但这似乎没有改变任何东西。

3. 如果缩小屏幕宽度下来 到导航栏菜单重叠的视频菜单也与http://www.pictorious.com家 页面上VIMEO视频z-index的问题。我也试着 的z-index的设置也没有用，不知道如何设置的wmode在 的VIMEO默认iframe嵌入技术

这是一个标准的Twitter的引导导航：

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="/">Pictorious!</a> 
     <div class="btn-group pull-right" id="nav-login"> 
      <a class="btn" href="/login">Sign-In</a> 
     </div> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
      <li class="active"><a href="/">Home</a></li> 
      <li><a href="/challenges">Challenges</a></li> 
        <li><a href="/about">About</a></li> 

         <form class="navbar-search pull-left form-search" action="/search"> 
          <input type="text" class="search-query span2" placeholder="Search" name="keyword"> 
         </form> 
        </li> 
     </ul> 
     </div><!--/.nav-collapse --> 
    </div> 
    </div> 

似乎在重叠照片上改变的唯一的事情是较小媒体查询的边距和填充。

Answer 1

即使你找不到z-index设置，你也可以通过在你的CSS中编写另一个类或者同名的ID来重写它们 - 只需要在那里创建另一个z-index即可。尝试设置顶部元素的Z-index，并将底部元素的Z-index设置得更高。

Answer 2

所以答案是我需要在默认引导程序轮播中设置相对位置，这就是为什么它不受我的z-index属性影响的原因。

position: relative; z-index:-1;