html - 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;
}

这解决了它，您现在只需要为它处理更好的背景颜色!