CODEWITHSUNDEEP
css
David
David

Reputation: 36354

Z-index troubles with nivo slider and dropdown menu

I thought the answer to this would be relatively straight forward but have thus far not been able to get it working for me.

Basically at this url I have a slider which keeps sitting above a drop down menu which drops down from lingerie link.

http://cocoslingerie.co.uk/

I have set the drop down to a higher z-index than the nivo slider but still no luck.

Can anybody make any suggestions?

Upvotes: 0

Views: 3429

Answers (2)

JoeyP
JoeyP

Reputation: 2702

@mgrahamjo answer is correct, just thought I'd add another interesting way to solve this problem

.slider-wrapper{
  opacity: 0.99;
}

which exploits the quirky nature of z-index, opacity and stacking. More in depth explanation here:

http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

Upvotes: 5

mgrahamjo
mgrahamjo

Reputation: 219

You need to set the position and z-index of the outermost wrapper of the slider:

#slide .slider {
    position: absolute;
    z-index: 0;
}

Upvotes: 1

Related Questions