地図がナビゲーションバーと重なっています

Question

ナビゲーションを固定しているので、スクロールすると上に固定されます。 私は、地図をスクロールするとき、それはここにナビゲーション に重なっているが、私は使用されるコードは以下のとおりです。

CSS：

#container header{ 
 
    background-color:white; 
 
    width: 890px; 
 
    padding: 0 0.8em; 
 
    height: 120px; 
 
    margin: auto; 
 
    position: fixed; 
 
} 
 

 
#map{ 
 
    z-index:2px; 
 
    position: relative; 
 
    border-radius: 10px; 
 
    border: 5px solid #eee; 
 
    width: 26%; 
 
    float:left; 
 
    margin-top:50px; 
 
}

これはを何が起こったかであります

Answer 1

あなたのCSSを変更するだけです： pxをz-indexから削除してください。 z-indexはプレーンを作成し、それはpxではありません。

#map{ 
    z-index:2; 
    position: relative; 
    border-radius: 10px; 
    border: 5px solid #eee; 
    width: 26%; 
    float:left; 
    margin-top:50px; 
} 

地図がナビゲーションバーに表示されないようにするには、地図のZ-インデックスをナビゲーションバーの地図インデックスより低く設定します。