我下拉导航栏的菜单中消失的头部后面

Question

我应该有一个下拉菜单，就像这样：

但我的是这样的：

我不知道知道我的导航栏是否是鼓室ha标题导航栏是否有用： http://tympanus.net/Development/HeaderEffects/

.dropdown { 
 
    display: inline-block; 
 
    position: relative; 
 
    z-index: 9999999; 
 
} 
 
.dropdown-content { 
 
    display: none; 
 
    position: absolute; 
 
} 
 
.dropdown-content a { 
 
    display: block; 
 
} 
 
.dropdown-content a:hover, 
 
.dropdown-content a:focus { 
 
    background-image: none; 
 
} 
 
.dropdown-content a:last-child a:hover, 
 
.dropdown-content a:focus { 
 
    background-image: none; 
 
} 
 
.dropdown-content a:first-child a:hover, 
 
.dropdown-content a:focus { 
 
    background-image: none; 
 
} 
 
.dropdown-content a { 
 
    width: 210px; 
 
} 
 
.dropdown:hover .dropdown-content { 
 
    display: block; 
 
} 
 
.parallax-header { 
 
    /* The image used/background-image: url("header.jpg");/Create the parallax scrolling effect */ 
 
    background-attachment: fixed; 
 
    background-position: center; 
 
    background-repeat: no-repeat; 
 
    background-size: cover; 
 
    height: 100vh; 
 
    width: 100%; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    position: relative; 
 
}

<div class="dropdown"> 
 
    <a href="#">legal solutions</a> 
 
    <div class="dropdown-content"> 
 
    <a href="#">Link 1</a> 
 
    <a href="#">Link 2</a> 
 
    <a href="#">Link 3</a> 
 
    </div> 
 
</div>

，这里是我的地盘，如果ispact元素可以帮助你:) www.valaw.gigfa.com

Answer 1

我必须找出你的问题，请删除overflow:hidden在你的CSS

.ha-header-perspective > div { 
    backface-visibility: hidden; 
    background: #fff none repeat scroll 0 0; 
    height: 50%; 
    margin: 0 auto; 
    overflow: hidden; /* remove this overflow hidden */ 
    position: relative; 
    text-align: justify; 
    transition: all 0.5s ease 0s; 
    width: 100%; 
} 

Answer 2

上有.ha-header-front

一个 overflow: hidden属性设置

将此插入css文件中：

.ha-header-front { 
    overflow: visible !important; 
}