z-index下拉不起作用？

Question

The drop down z-index problem. the drop down is not showing on the front on the image. here is the link for the site the drop down with Luke Carlose Name.

Answer 1

The issue is that you have overflow: hidden; applied to the parent elements of the dropdown. Removing this from .holder , .wrapper and #header and it should respect the overflow once again.

Answer 2

This seems your problem:

#header .holder {
overflow: hidden;
}

Change overflow to visible and it should work.

Answer 3

Please try it - this is css chenges

Add padding top in #nav

 #nav{ padding-top: 66px; }

Replace This 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

you need to change some css element i checked your site and replace this with old 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;
}