我下拉導航欄的菜單中消失的頭部後面

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; 
}