z-index下拉不起作用？

Question

下拉z-index问题。下拉列表未显示在图像的正面。 这是link for the site 使用Luke Carlose名称下拉。

Answer 1

问题是您已将overflow: hidden;应用于下拉列表的父元素。从.holder，.wrapper和#header中删除它，它应该再次尊重溢出。

Answer 2

这似乎是你的问题：

#header .holder {
overflow: hidden;
}

将溢出更改为可见，它应该可以正常工作。

Answer 3

请试一试 - 这是css chenges

在#nav

中添加填充顶部

 #nav{ padding-top: 66px; }

替换此css

#header .holder {
    float: right; 
    overflow: visible;
    padding-bottom: 15px;
    padding-left: 3px;
    padding-right: 207px;
    padding-top: 12px;
    position: absolute;
    right: 0; 
}

Answer 4

你需要更改一些css元素我检查了你的网站并用旧的css替换它

.wrapper-dropdown-5
{
padding:0px 0px;//chnage padding in this class
}

.wrapper-dropdown-5 .dropdown
{
position:relative;//change position from this class
}

.wrapper-dropdown-5.active:after
{
margin-top:-3px;//add new one in this class
}

.wrapper-dropdown-5:after
{
top:12%;//replace this
margin-top:8px;
}