2016-06-15 8 views
1

私は基本的なブログを構築していて、私のヘッダーは自分のnavbarの背後に広がっています。 navbarは固定位置と、ヘッダーよりも高いz-インデックスを持っています。ヘッダー/バナー画像の上部がナビゲーションバーの後ろに伸びている理由を理解できません。 FF devツールで強調表示された問題の写真を含めています。希望の場合は、直接here私のサイトを見ることができます。任意のヘルプ/入力が大いに感謝します。ヘッダーがナビゲーションバーと重なっているのはなぜですか?

enter image description here

+0

あなたのコードを提供 –

+0

あなたは**までまだやっていること**示さなければなりません。 \ –

+0

位置固定要素はスペースを取らないため、次の要素、つまり、バナーは常に「上:0」と「左:0」から始まり、マージンのみを使用してバナー画像を調整する必要があります。 – shiva

答えて

1

編集:シヴァは、任意のスペースを取るdoesntの前記固定ようにちょうどいくつかのより多くのマージンを追加します。

header { 
    margin: 89px 0 0; // update margin 
} 

そして、あなたのメディアの画面を更新

@media only screen and (max-width: 500px){ 
header { 
margin: 80px 0 0; 
} 
} 
+0

それは、ヘッダーをナビバーの背後に置いています:P –

+0

位置の相対的なヘッダーがナビゲーションの上にあるので、z-indexはその時点で重要ではありません。私はポジションを取り除き、マージンを調整するだけで、あなたが望むように見えます。ここを見てhttp://prntscr.com/bgjqu9 – Frutis

+0

ありがとう!これはまさに私が理解する必要があったものでした。それほど感謝しています –

関連する問題