我的导航栏下拉菜单消失在标题后面

Question

我应该有一个下拉菜单：

但是我看起来像这样：

我不知道我的导航栏是鼓膜的ha-header导航栏是否有用： 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

我已找到您的问题，请删除您的css中的overflow:hidden

.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

overflow: hidden

上有.ha-header-front个属性设置

将其插入css文件中：

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