Z索引无法在位置固定的情况下工作

我正试图通过chardinjs向我的网站添加一些覆盖指令。我有一个带图像的固定导航栏。我希望覆盖层看起来像chardinjs页面上的样子。这是我的html:

<div id="navbar" class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container navbar-container">
        <a class="brand" href="/web/Home"><img src="assets/header-logo2.gif" data-intro="Click logo to return to main portal" data-position="bottom" class=" chardinjs-show-element chardinjs-relative-position"></a>
      </div>
    </div>
  </div>

这个网站是使用Bootstrap构建的，所以所有的类都与基本的Bootstrap内联。我的导航栏固定在position: fixed的页面顶部，z索引为1030。navbar-inner、container和brand没有列出的z索引或位置。img具有position: relative和z-indez: 9999999。使图像显示在覆盖上方的唯一方法是将导航栏设置为position: relative并删除z索引。我不想移动导航栏，但更重要的是，我想知道为什么。对这个问题的任何帮助都将是巨大的。