下拉菜单,z-index问题

时间:2013-05-01 12:50:08

标签: html css css3 z-index layer

我遇到了问题。我有一个下拉菜单,但下拉列表总是在身体后面一层,虽然菜单的z-index设置为999,而z的索引设置为-999

请chceck http://www.w3dominik.com/x/finemoney/(右上角的菜单,它表示下拉列表,应该有2个选项,现在只有1个可见)

感谢您的帮助

2 个答案:

答案 0 :(得分:14)

这将为您解决:

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

您经常需要在最外层的父级上设置z-index(特别是在旧版本的IE中)。

答案 1 :(得分:6)

只需添加position: relative,如果没有位置,z-index将无效。

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