下拉菜单，z-index 问题

Question

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 1

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).

Answer 2

Just add position: relative , z-index won't work without position.

header ul {
    display: inline-block;
    float: right;
    height: 30px;
    z-index: 999;
    position: relative;
}

Answer 3

Can I bring this topic back? I'm having the same problem here: https://www.carmelchamber.org/

When you type in the search bar, the results come up underneath the picture below. I don't know what changed or how to fix it. Can anyone help?

Thank you,

Luke