ロゴ画像がナビゲーション リンクの上に表示されるという問題があります。さまざまな z-index 設定を試しました。
.logoz-index:
を -1 に設定すると、ヘッダー画像の後ろに表示されますが、ナビゲーション リンクはヘッダー画像の上にとどまります。.logo を 1に設定しz-index
、nav0 を 2 または (さらに言えば 500) に設定した場合でも、ナビゲーション リンクの上にロゴ イメージが表示されるという同じ問題が発生します。
.headerFrame {
height : 153px;
background-color:#ffffff;
background-image:url(headerBack.png);
background-repeat:repeat-x;
}
.logo {
padding : 5px;.headerFrame {
height: 153px;
background-color:#ffffff;
background-image:url(headerBack.png);
background-repeat:repeat-x;
}
.logo {
padding: 5px;
width: 805px;
height: 90px;
position: absolute;
margin: 20 20 20 20;
z-index: 1;
}
.logo a img{
border: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.accountNav {
float: right;
text-align: right;
width: 380px;
padding-top:6px;
z-index: 2;
}
.menu0 {
list-style: none;
color: #808080;
font-size: 14px;
}
.menu0 ul {
margin: 0px;
padding: 0px;
}
.menu0 li {
float: left;
z-index: 2;
}
.menu0 li a, .menu0 li a:visited {
text-decoration: none;
color: #0a0a0a;
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
padding: 0 5px 0 8px;
}
.menu0 li a:hover {
text-decoration: none;
color: #f5f5f5;
font-size: 14px;
z-index: 2;
}