溢出和Z-index问题

Question

as you see on image

my main div has overflow:hidden;

but my select box which is position absolute is not as expect how can I fix it ?

my main div class

 border-top: 2px solid #00b9ff;
    height: 340px;
    overflow: hidden;

and my selectbox div classes

 position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85px;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    color: #FFF;

Answer 1

With your test page : http://212.15.4.166:88/works/ani/tur_anasayfa.html

Remove the overflow:hidden; from #tur-detay-carousel and add a height value to .carousel-inner . (here height:338px seems to fit)