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 about 6 years ago

1 answer

0
points

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 about 6 years ago by Tony Crockford
  • Yes, everything has a relative position. KJ Longuski about 6 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 about 6 years ago