在上述网站上。尝试使用菜单的子菜单时菜单消失。即在站点菜单上转到市场研究加>资源中心>(如果尚未关闭)然后转到十几个问题...
我尝试将 css 恢复为原始样式,尽管这确实完全弄乱了菜单宽度,但即使使用原始 css 编码,问题仍然存在。
附件是我当前的css文件,如果你能指导我什么规则控制菜单的子菜单,那就太好了。
/* -------------------[ Top Navigation ]------------------- */
#topnav {
width: 970px;
padding: 1px 0 0;
margin: 0 auto;
background:url(images/navbg.gif) top left;
-moz-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
}
#topnav .limit {
width:970px;
margin:0 auto;
padding:0;
-moz-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
}
#topnav ul {
height: auto;
width:970px;
list-style: none;
padding: 0 0px;
margin: 0 auto;
float:left;
-moz-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
}
#topnav ul a, #topnav ul a:link, #topnav ul a:visited {
height: auto;
display: block;
text-decoration: none;
padding: 0 10px;
margin:0 auto;
color:#fff;
overflow:hidden;
float:left;
}
#topnav ul a:hover, #topnav ul a:active {
background:#0A1F33;
height: auto;
}
#topnav li {
height: auto;
line-height:40px;
float: left;
}
#topnav li ul {
float:left;
z-index:9999;
position: absolute;
left: -999em;
height: auto;
width: 400px;
margin-top: 35px;
padding: 0 10px;
border-top:1px solid #f5f5f5;
background:#0A1F33;
}
#topnav li li {
height: auto;
line-height:30px;
border-bottom:1px solid #000;
}
#topnav ul li ul a, #topnav ul li ul a:link, #topnav ul li ul a:visited {
height: auto;
width:380px;
float:left;
}
#topnav ul li ul a:hover, #topnav ul li ul a:active {
height: auto;
background:#000;
}
#topnav li ul ul {
height: auto;
border:0;
margin: -30px 0 0 400px;
height: auto;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
height: auto;
left: -999em;
height: auto;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
left: auto;
height: auto;
}
#topnav li:hover, #topnav li.sfhover {
background:#0A1F33;
height: auto;
}