ヘッダーとナビゲーションの 2 つのブロック要素があります。ヘッダーにはdiv
、ナビの上にオーバーフローする内部があります。以前z-index
はこれらのアイテムをそのように定義していましたが、今ではナビゲーション内に、ページで最も目立つ/最も高い要素にしたいアイテムがあるため、ヘッダーの上に表示され、要素があふれていますa
。これは可能ですか?
例を参照してください - http://jsfiddle.net/zAehr/a
- Nav項目を bluelogo
クラスの上に配置し たいと思います。
私のCSS:
#header {
position:relative;
display:block;
height:100px;
width:100%;
overflow:visible;
background:#eee;
z-index:10;
}
.logo {
position:relative;
display:block;
height:250px;
width:250px;
background:#336699;
z-index:10;
}
#navbar {
position:relative;
width:100%;
height:100px;
background:#bbb;
z-index:9;
}
#navbar a {
display:block;
position:relative;
padding:10px;
z-index:100;
float:left;
}
どうもありがとう