0

Bootstrap Navbar の前にロゴを追加しようとしています - Peek.com の黄色のロゴに似ていますが、代わりにナビゲーションの右側に配置したいです。

現在、このサンプルをテンプレートとして使用しています: http://twitter.github.io/bootstrap/examples/hero.html プロジェクト名の代わりに、そこに画像が必要です。ロゴがスポットに固定されるように、いくつかの CSS を追加してみました。

.logo-fixed {
  position: fixed;
  top: 0;
  right: 90px;
}

サンプル テンプレートの本文の後にこれを追加しました。

<div class="logo-fixed"><img src="test.png"></a></div>

ロゴは表示されますが、ロゴの上部は黒いナビゲーション バーの後ろに表示されます。これは次のようになります。

ここに画像の説明を入力

代わりに前面に表示するにはどうすればよいですか?

4

1 に答える 1

2

.logo-fixed に z-index を設定します。

.logo-fixed {
  z-index: 2000;
  ...
}

または、CSS の上部をゼロ以外に設定して、メニュー バーと重ならないようにします。

于 2013-05-09T17:40:41.127 に答える