Html 将按钮置于下拉列表的前面

我需要把按钮在我的下拉按钮下拉列表的前面。即使我已经设置了z索引：

<div id="dd" class="wrapper-dropdown-5" tabindex="1">BOOK NOW
  <ul class="dropdown">
    <li><a href="#">Booking.com</a></li>
    <li><a href="#">Airbnb</a></li>
    <li><a href="#">Trip Advisor</a></li>
 </ul>
</div>

立即预订

-----编辑-------------------------

---

我不需要下拉列表，我需要这样的东西

您需要更改

的顶部位置。wrapper-dropdown-5.dropdown

即

.wrapper-dropdown-5 .dropdown
{
  top : 66%;
}

下面是工作片段

功能下拉列表（el）{
这1.dd=el；
this.initEvents（）；
}
DropDown.prototype={
initEvents:function（）{
var obj=这个；
obj.dd.on（'点击'，功能（事件）{
$（this.toggleClass（'active'）；
event.stopPropagation（）；
});
}
}
$（函数（）{
var dd=新的下拉列表（$（'#dd'）；
$（文档）。单击（函数（）{
//所有下拉列表
$（'.wrapper-dropdown-5'）.removeClass（'active'）；
});
});
/*演示5*/
.wrapper-dropdown-5{
/*大小和位置*/
位置：相对位置；
宽度：200px；
保证金：0自动；
填充：12px 15px；
z指数：10；
/*风格*/
背景#63731b；
边界半径：50px；
边框：5px实心透明；
边框颜色：#ffffff；
盒影：0 1px 0 rgba（0,0,0,0.2）；
颜色：白色；
字号：600；
光标：指针；
大纲：无；
-webkit过渡：所有0.3版本都可以轻松过渡；
-moz转换：所有0.3秒都会变慢；
-ms转换：所有0.3秒都会变慢；
-o型过渡：所有0.3秒都会变缓；
过渡：所有0.3秒放松；
}
.wrapper-dropdown-5：之后{
/*小箭*/
内容：“；
宽度：0；
身高：0；
位置：绝对位置；
最高：50%；
右：15px；
利润上限：-3px；
边框宽度：6px 6px 0px 6px；
边框样式：实心；
边框颜色：#000000透明；
}
.wrapper-dropdown-5.下拉列表{
/*大小和位置*/
位置：绝对位置；
最高：66%；
左：0；
右：0；
z指数：5；
/*风格*/
背景#63731b；
边界半径：0 0 5px 5px；
边框：1px实心rgba（0,0,0,0.2）；
边界顶部：无；
边框底部：无；
列表样式：无；
-webkit过渡：所有0.3版本都可以轻松过渡；
-moz转换：所有0.3秒都会变慢；
-ms转换：所有0.3秒都会变慢；
-o型过渡：所有0.3秒都会变缓；
过渡：所有0.3秒放松；
/*隐藏*/
最大高度：0；
溢出：隐藏；
}
.wrapper-dropdown-5.dropdownli{
填充：0 10px；
}
.wrapper-dropdown-5.下拉列表LIA{
显示：块；
文字装饰：无；
颜色：#ffffff；
填充：10px0；
过渡：所有0.3秒放松；
/*边框底部：1px实心#e6e8ea*/
}
.wrapper-dropdown-5.dropdown li：最后一个a型{
边界：无；
}
.wrapper-dropdown-5.dropdown li i{
右边距：5px；
颜色：继承；
垂直对齐：中间对齐；
}
/*悬停状态*/
。wrapper-dropdown-5。dropdown李：将鼠标悬停在a上{
颜色：#57a9d9；
}
/*活动状态*/
.wrapper-dropdown-5.active{
边界半径：40px；
背景#E7B300；
盒影：无；
/*边框底部：无*/
颜色：白色；
z指数：10；
}
.wrapper-dropdown-5.活动：之后{
边框颜色：#82d1ff透明；
}
.wrapper-dropdown-5.active.dropdown{
边框底部：1px实心rgba（0,0,0,0.2）；
最大高度：400px；
}



现在预订





在css
中添加此行。下拉列表{margin top:15%；}
。Fiddle链接是：
只需像bolow一样编辑css即可

.wrapper-dropdown-5 .dropdown {
  /* Size & position */
  position: absolute;
  top: 80%;
  display: block;
  left: 0;
  right: 0;
  z-index: 5;
  /* Styles */
  background: #63731b;
  border-radius: 0 0 5px 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-bottom: none;
  list-style: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* Hiding */
  max-height: 0;
  overflow: hidden;
}``

我不需要放下我需要这样的东西嗨，我不知道对你来说，但对我来说，它给了我这个