Z索引在固定位置時不起作用

Question

我正在嘗試通過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-index是1030 。 navbar-inner ， container和brand沒有列出的z-index或位置。 img position: relative和z-indez: 9999999 。 使圖像顯示在疊加層上方的唯一方法是將導航欄設置為position: relative並刪除z-index。 我不想移動導航欄，但更重要的是，我想知道為什么。 這個問題的任何幫助將是巨大的。

Answer 1

查看此答案： z-index不適用於固定定位

“ z-index僅在特定上下文（即相對，固定或絕對位置）內起作用。

相對div的z索引與絕對或固定div的z索引無關。” @ cusimar9