[Solved] Z-index Issues With Dropdown

[MattF]

Hello all. I am having a z-index issue here and I am hoping there is an easy way to fix this without having to re-do a lot of things. The site is http://welcome.wisnetcreative.com/faberkin/html/dev2/ and if you hover over “About Us” the drop down goes behind the slider.

This had to be set up with the nav semi overlapping the red section but then the slider had to overlap the nav bar. I tried adding z-index’s everywhere on the nav but nothing is working.

Any help to get the drop down to work over the slider keeping this look would help a lot.

Thanks all!

side note: I am taking over this site from someone else, so the html/css isn’t mine yet which is why I am hoping there is an easy fix without re-doing it all.

[MattF]

I did that but then the red overlaps the bottom part. You are right with negative margins etc. but I think looking at the code I would need to do a lot of re-working which I was hoping to avoid. I assume then a simple z-index re-working won’t do anything.

Thanks for the input!

[yeeyang]

Just throw a z-index of 1 thru 74 on:

<div id="myCarousel" class="carousel slide">

[MattF]

yeeyang thanks but the only problem then is that falls behind the nav now along with the strap below when it needs to be on top of that. :(

[MattF]

I figured it out. I basically removed the z-index off

<

div class=”nav-bg”> and added a clearfix to the myCarousel div.

Thanks you 2 for your help though.

[Author]

Posts