当前位置: 代码迷 >> Ajax >> 首页一打开为什么二级菜单全部显示,等你分别停留过一级菜单他们才恢复正常,大神们救救小弟我
  详细解决方案

首页一打开为什么二级菜单全部显示,等你分别停留过一级菜单他们才恢复正常,大神们救救小弟我

热度:479   发布时间:2012-02-08 19:52:21.0
首页一打开为什么二级菜单全部显示,等你分别停留过一级菜单他们才恢复正常,大神们救救我 - Web 开发 / Ajax
*{margin:0;padding:0;}
a{ text-decoration:none; color:#666;} 
a:hover{ color:#000066;}  
ul{ list-style:none;}
img{ border:none;}
body{ background:color:#E3DDDD; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif;width:1000px;margin:0px auto; }  
.clear{ clear:both;}


.head{ width:1000px; margin:0px auto 5px;}
.ln{width:1000px;height:80px;}
.logo{float:left ;width:214px ; height:80px;background:url(../images/RRR.gif)}
.navi{float:left;width:786px; height:80px;background:url(../images/abc.jpg)}
.flah{width:1000px;}


a:link, a:visited {
  color: #333;
  text-decoration: none;
}




.nav {
width:786px;
  float:right;
  position: relative;

  background:url(../images/lrtk.png) no-repeat 0 -36px;
text-align:center;
}
.navinner {
  background: url(../images/lrtk.png) no-repeat 100% -72px;
text-align: center;
  font: 12px/2 楷体,黑体,微软雅黑,宋体;
}
.navlist {
  height: 36px;
  line-height: 36px;
  margin: 0 10px;
   

}
.nav li {
  float: left;
  display: inline;
  margin: 0 0 0 -2px;
  padding: 0 0px 0 0px;
   

}
.nav a {
  display: block;
  width: 93px;
  text-align: center;
  font-size: 140%;
font-weight:bold;
}
.nav a:link, .nav a:visited {
  color: #fff;

}
.nav a.current, .nav a:hover, .nav a:active {
  color: #fff;
  font-weight: bold;
   

}
.subnav {
  position: absolute;
  top: 41px;
  left: 0;
  float: left;
  height: 27px;
  line-height: 27px;
  white-space: nowrap;
   

}
* html .subnav {
  margin: 0 10px 0 -10px; /* IE 6 and below */

}
.subnav p {
  padding: 0 10px;
   

}
.subnav p span {
  display: block;
   

}
.subnav p.pointer {
  position: absolute;
  top: -4px;
  left: 0;
  height: 5px;
  width: 11px;
  padding: 0;
  margin-left:20px;
  text-indent: -999em;
   

}
.subnav a {
  display: inline;
  padding: 0;
  font-size: 125%;

}
[class~="subnav"] a {
  padding: 0 3px;

}
.subnav, .subnav a:link, .subnav a:visited {
  color: #235e99;

}
.subnav a:hover, .subnav a:active {
  color: #235e99;

}
.subnav a:hover, .subnav a:active {
  font-weight: normal;
  background: none;
  border-bottom: 2px solid;

}
/* subnav position and pointer position */
#subnav1 { left: 50px; }
#subnav2 { left: 170px; }
#subnav3 { left: 220px; }
#subnav4 { left: 450px; }
#subnav6 { left: 450px; }
#subnav5, #subnav7 { 
  left: auto;
  right: 0px;

}

#subnav1 .pointer,
#subnav2 .pointer,
#subnav3 .pointer,
#subnav4 .pointer { left: 30px; }
#subnav5 .pointer { left: auto; right: 290px; }
#subnav6 .pointer { left: auto; right: 180px; }
#subnav7 .pointer { left: auto; right: 70px; }
 
#subnav1, #subnav2, #subnav3, #subnav4 {
  min-width: 110px;
}
#subnav5 { min-width: 340px; }
#subnav6 { min-width: 240px; }
#subnav7 { min-width: 130px; }
以上是css
  相关解决方案