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: fixedおり、z-index は1030です。、およびにはnavbar-inner、リストされている z-index または位置がありません。とがあります。画像をオーバーレイの上に表示する唯一の方法は、navbar を設定して z-index を削除することです。ナビゲーション バーを動かしたくありませんが、もっと重要なのは、その理由を知りたいということです。この問題の助けは素晴らしいでしょう。containerbrandimgposition: relativez-indez: 9999999position: relative

4

1 に答える 1

0

この回答を参照してください: z-index が固定位置で機能しない

「z-index は特定のコンテキスト、つまり相対位置、固定位置、または絶対位置内でのみ機能します。

相対 div の z-index は、絶対または固定 div の z-index とは何の関係もありません。" @cusimar9

于 2013-07-23T16:55:45.023 に答える