css - 无法获得下拉导航以显示其下方的内容

Question

我正在制作CSS下拉导航，我无法将下拉列表显示在导航div下方div中的内容上方。如何在不完全定位两个div并指定z-index的情况下执行此操作？你可以在这里看到我的例子：

http://stage.fourwallsla.com/in-the-neighborhood

Answer 1

你已经使用了我看到的绝对定位，但是为什么不为它添加z-index呢？

#container #top_nav .subnav {
    position: absolute;
    top: 37px;
    width: 100%;
    z-index: 1000;
}

修复它，你现在需要为它做更好的背景颜色！

Answer 2

如果没有标记中的z-index指定或交换块

，则无法执行此操作

添加到您的CSS

#container #nav_container {
    z-index: 2;
}
#container #nav_container li a {
    background-color: #fff;
}

Answer 3

给“特征”div一个负z-index也可以（在Chrome Firebug中测试）

z-index:-1

Answer 4

#container #top_nav .subnav{
  z-index: 2;
}

#container #top_nav .subnav li > a{
  background: #fff;
}