Overflow and z-index issue

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;

I don't get it .. What are you expecting ? Which div is the "main div" you're talking about ? Show us your HTML code, we can't do anything without it. — tektiv
– tektiv, Commented Jun 28, 2016 at 8:17
Try to add position:relative; to your main div class. What does it do ? — PoulsQ
– PoulsQ, Commented Jun 28, 2016 at 8:18
if u click selectbox you'r gonna understand my english is not enought to explain that — ani_css
– ani_css, Commented Jun 28, 2016 at 8:20
@fortherest Sorry I made a mistake : remove the overflow:hidden; from #tur-detay-carousel and add a height value to .carousel-inner. — PoulsQ
– PoulsQ, Commented Jun 28, 2016 at 8:39

PoulsQ · Accepted Answer · 2016-06-28 08:50:38Z

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)

answered Jun 28, 2016 at 8:50

PoulsQ

2,0181 gold badge16 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Overflow and z-index issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related