1

わかりました、それで私が気づいたとき、私は箱の影をいじっていました

http://i.stack.imgur.com/I3E9E.png (申し訳ありませんが画像を投稿できません)

ナビゲーション バーが影に重なっています。コンテンツ ID をコード内で上下に配置しようとしましたが、ナビゲーションの下に移動できません。それが不可能な場合は、上部以外のすべての側面に影を作成するのを手伝ってもらえますか?

影に使用しているコードは以下のとおりです。

box-shadow:0px 0px 15px rgba(0, 0, 0, 0.5);

ウェブページへのリンク:こちら

4

3 に答える 3

4

これを css に追加します。

#nav {
    position: relative;
    z-index: 1;
}
于 2012-05-09T06:37:32.273 に答える
2

z-index を使用して、コンテンツ ボックスをヘッダー レイヤーの下に移動してみてください...

あなたの後

box-shadow:0px 0px 15px rgba(0, 0, 0, 0.5);

置く

z-index:2;

また、必ず追加してください

z-index:1;

ヘッダーCSSに...

于 2012-05-09T06:38:30.047 に答える
0

y 軸を正に定義すると、ヘッダーと重なってはいけません。

box-shadow:0px 5px 15px rgba(0,0,0,0.5);

もちろん、側面よりも下の方が少し長くなりますが、ボックスの影をより微妙にする（ のようにbox-shadow:0px 5px 7px rgba(32,32,32,0.5)）方がうまくいくかもしれません.

編集: #nav の z-index (Lollero が提案したように) は、おそらくこれよりも優れた方法です。

于 2012-05-09T06:36:31.370 に答える