1

http://www.lumivase.com/

在上述网站上。尝试使用菜单的子菜单时菜单消失。即在站点菜单上转到市场研究加>资源中心>(如果尚未关闭)然后转到十几个问题...

我尝试将 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;

    }
4

0 回答 0