0

これが私のページです：http：//www.replyonline.co.uk/Brayborne/www/index.html

メインナビゲーションで[サービス]をクリックすると、ドロップダウンが表示されます。navクラスは.nav nav-pills nav-stacked.

このドロップダウンの上部を下に表示したいnavbar-wrapperので、ドロップダウンに設定したボックスシャドウがnavbar-wrapper、以下のデザインのようにレイヤー効果を与えます。

ここに画像の説明を入力してください

誰かがこれを達成するために使用できるアドバイスやCSSを提供できますか？また、それが役立つ場合は、サイトはBootstrapを使用して構築されます。

ありがとう、

4

2 に答える 2

1

少しハッキーですが、うまくいくはずです：

.dropdown-menu {
    z-index: -1;
}

#myCarousel {
    z-index: -2;
}

作業デモ：

http://jsfiddle.net/EGmZ5/

于 2013-02-01T15:00:34.427 に答える
0

ドロップダウンはの内部にnavbar-wrapperあり、その結果、常にその上にあるため、z-indexは役に立ちません。

これを試して：

を削除してCSS矢印を削除し.navbar .nav > li > .dropdown-menu:beforeます。

ドロップダウンメニューで、次のスタイルを変更します。

.dropdown-menu {
  border-radius: 0 0 6px 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 5px 5px rgba(0, 0, 0, 0.2) inset;
  margin: 0;
  top: 74px;
}

結果：

落ちる

ニーズに合わせてボックスシャドウの値を変更します。

于 2013-02-01T15:01:43.973 に答える