CODEWITHSUNDEEP
jqueryhtmlcssz-index
ani_css
ani_css

Reputation: 2126

Overflow and z-index issue

as you see on image enter image description here

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;

Upvotes: 0

Views: 67

Answers (1)

PoulsQ
PoulsQ

Reputation: 2016

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)

Upvotes: 1

Related Questions