1

我有一个问题，我的徽标图像位于导航链接的顶部。我尝试了不同的 z-index 设置。

如果我将我的 .logo 设置z-index:为 -1，它将位于标题图像的后面，而导航链接则位于标题图像的上方。如果我将 .logo 设置z-index为 1 并将 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