Dropdown menu, z-index problems

html css z-index layer
user1505027 picture user1505027 · May 1, 2013 · Viewed 47.7k times · Source

I've got a problem. I have a drop down menu, but the drop down list is always one layer behind the body although the z-index of menu is set to 999 and z index of body set to -999

Please chceck http://www.w3dominik.com/x/finemoney/ (the menu on top right, it says dropdown and should have 2 options, only 1 is now visible)

Thanks for help

Answer

ralph.m picture ralph.m · May 1, 2013

This will fix it for you:

#header_wrap {
  position: relative;
  z-index: 10;
}

You often need to set the z-index on the outermost parent (particularly in older versions of IE).

Related questions

Bring element to front using CSS

I can't figure out how to bring images to front using CSS. I've already tried setting z-index to 1000 and position to relative, but it still fails. Here's example-

Read More
Minimum and maximum value of z-index?

I have a div in my HTML page. I am showing this div based on some condition, but the div is displaying behind the HTML element where I pointed the mouse cursor. I have tried all values for z-index from 0 …

Read More
Why does z-index not work?

So if I understand z-index correctly, it would be perfect in this situation: I want to place the bottom image (the tag/card) below the div above it. So you can't see the sharp edges. How do I do this? …

Read More