2017-04-06 109 views
0

我相信这是简单的我可以忽略。但我的网站的顶级导航(下拉)不再可见。我100%确定它与我的CSS应用有关。CSS隐藏我的下拉菜单

.ulTopmenu {margin:0; padding:0; width: 100%; overflow:hidden;} 
 
.liTopMenu {width: 120px; height: 40px; float: left; margin:0 4px; list-style:none; display: inline;} 
 
.divTopMenuInnerContainer {display: inline; overflow:hidden; height:500px;width:900px;} 
 
.divTopMenuInnerContainer{position:relative;height:100%;width:80%;} 
 
.divTopSpliter {float:left; width:1px; height:40px; display:block; border-right:1px;} 
 
.divTopTopSpliter {float:left; width:30px; height:1px; display:block;} 
 

 
.a { 
 
\t width: 120px; 
 
\t height:25px; 
 
\t line-height: 40px; 
 
\t text-decoration: none; 
 
\t text-align: center; 
 
} 
 

 
/* End of General */ 
 
.divTopSubMenuSpliter {height:1px;width:auto;background:#0000; margin-top:1px; margin-bottom:1px;} 
 

 

 
div.absolute { 
 
    position: relative; 
 
    right: 20px; 
 
    width: 200px; 
 
    height: 50px; 
 
    
 
}

+0

分享您的标记,请。我们需要当前行为的[mcve]。也就是说,你可以尝试从'.ulTopmenu'和'.divTopMenuInnerContainer'中删除'overflow:hidden' –

回答

0

我通过更改以下内容来解决此问题。感谢您的帮助。

.ulTopmenu {margin:0; padding:0; width: 100%; overflow:visible; position:absolute;} 
 
.liTopmenu{width: 120px; height: 40px; float: left; margin:0 4px;display:inline-block;}

0

对于下拉导航栏的CSS,可能需要告诉它是可见的。

尝试这样:

navBar{ 
    visibility: visible; 
} 

让我知道如果这个工作。

+0

感谢您的评论,我确实尝试过,但可悲的是,这没有奏效。我以为它可能是容器?http://www.raffles-american-school.edu.my/usr/pagesub.aspx?pgid = 51 –