1

私はヘッダー用にこのcssを持っています:

ヘッダーの下に水平メニューがあります

.header {
    height:180px;
    margin-top:0;
    border-top:5px #999999 solid;
    background:#FFFFFF;
    position:fixed;
    z-index:-9999;
}

HTMLの画像が表示されていません-メニューの後ろにあると思いますが、メニューの上に表示できません:

完全な HTML とメニュー CSS も表示できるように jsFiddle を作成しました: http://jsfiddle.net/ar9P6/

4

2 に答える 2

2

ヘッダーは固定されているため、ドキュメントの流れから外れています。したがって、ナビゲーションを「押し下げる」ことはなくなり、気づいたようにナビゲーションがその上に表示されます。

ヘッダーの高さと同じピクセル数分、ナビゲーションを下に押すことをお勧めします。このようなもの：

.vertical-nav {
   margin-top: 180px;
}

更新されたフィドルは次のとおりです: http://jsfiddle.net/ar9P6/9/

于 2013-08-29T22:36:08.640 に答える
0

から を削除するか、を 0 以上に変更しposition:fixedてください。.headerz-index

于 2013-08-29T22:29:08.847 に答える