1

ロゴ画像がナビゲーション リンクの上に表示されるという問題があります。さまざまな 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;
}
4

0 に答える 0