下拉菜单，z-index问题

Question

我有一个问题。我有一个下拉菜单，但是下拉列表总是在body的后面一层，尽管菜单的z-index设置为999，而body的z-index设置为-999。

请查看http://www.w3dominik.com/x/finemoney/（右上角的菜单，它应该有2个选项，但现在只有1个可见）。

谢谢帮助。

- user1505027

---

您的网站可能会发生变化，请更新此问题以包括代码和Fiddle。 - adamdport

Answer 1

这将为您解决问题：

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

通常需要在最外层的父元素上设置 z-index（特别是在旧版本的 IE 中）。

- ralph.m

---

你经常需要在最外层的父元素上设置z-index，这正是帮助我找到问题所在的z-index，谢谢！ - dave

旧帖子，但我又错过了什么。我正在更改子元素，从未考虑设置父元素。谢谢。 - vanarie

Answer 2

只需要加上position: relative，否则z-index属性将不起作用。

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

- Manish Sharma