I have a div set up, containing another, containing a list, like so

<div class="navigator" id="bar1"> <div class="listMenu"> <span class="option">Site</span> <span class="option">Site</span> <span class="option">Site</span> </div> </div>

and I want to position the "navigator" over my menu until I slide it up with JQuery. But for some reason the z-index isn't working, why would this be?

  • Is this a problem in all browsers? or just IE7? danwellman almost 9 years ago

1 answer


have you set position on the element that needs a z-index? z-index won't work unless position is set (try position:relative; )

Answered almost 9 years ago by Tony Crockford
  • Yes, everything has a relative position. KJ Longuski almost 9 years ago
  • then we need to see a sample of **all** the code, not just the html. Live url demo of the not working bit would help. Tony Crockford almost 9 years ago