Html 导航链接不适用于z索引

我在代码中使用引导作为css。我需要在导航栏上放置一个图像…但是如果我尝试z-index，我的链接将不起作用，尝试z-index作为0用于导航栏，导航栏与图像重叠，尝试作为-1工作正常，但禁用链接

以下是我的代码：

<div class="container " style="width:30%;float:left;">

<img class="brand" src="img.png" style="z-index:2;" />
 </div>
 <div class="navbar navbar-inverse navbar-fixed-top " style="z-index:-1;" >
<div class="container"style="width:50%;">
<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav">

    <li class="active"><a href=href="#">One</a></li>    
    <li class="active"><a href="#">Two</a></li>
    <li class="active"><a href="#">Three</a></li>
    <li class="active"><a href="#">Four</a></li>    
   </ul>
 </div>

---

如下所述更新您的HTML：

<div class="container " style="width:30%;float:left;z-index:0;">

<img class="brand" src="http://images.tentebranda.org/wp-content/uploads/photo-background-images_8713_1.jpg"  />
 </div>
 <div class="navbar navbar-inverse navbar-fixed-top " style="z-index:1;" >
<div class="container"style="width:50%;">
<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav">
    <li class="active"><a href=href="#">One</a></li>    
    <li class="active"><a href="#">Two</a></li>
    <li class="active"><a href="#">Three</a></li>
    <li class="active"><a href="#">Four</a></li>    
  </ul>
</div>

为什么不直接使用css

背景图像

？导航栏顶部图像的用途是什么？什么是“链接不起作用”？链接不可点击。。？如果您将一个元素放置在链接的顶部，那么您希望如何单击它们。。？请详细说明你正在尝试做什么…它将图像发送到navbarno后面我只需要它与指定的高度和宽度重叠，它实际上在js fiddle上工作，但在codeigniter上不工作。JSFIDDLE：