0

我正在尝试通过 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: fixedz-index 为1030. ,navbar-inner和没有列出的 z-index 或位置container。有和。brand_ 使图像显示在叠加层上方的唯一方法是将导航栏设置为并删除 z-index。我不希望我的导航栏移动，但更重要的是，我想知道为什么。对这个问题的任何帮助都会很棒。imgposition: relativez-indez: 9999999position: relative

4

1 回答 1

0

看到这个答案：z-index not working with fixed position

“z-index 仅适用于特定上下文，即相对、固定或绝对位置。

相对 div 的 z-index 与绝对或固定 div 的 z-index 无关。”@cusimar9

于 2013-07-23T16:55:45.023 回答