html - css - 无法让下拉导航显示其下方的内容

Question

我正在制作 CSS 下拉导航，但无法让下拉菜单显示在导航 div 下方 div 的内容上方。我该如何做到这一点，而不绝对定位两个 div 并指定 z-index？你可以在这里看到我的例子：

score 1 · Accepted Answer

我看到你已经使用了绝对定位，但无论如何为什么不添加 z-index 呢？

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

这解决了它，你现在只需要为它工作一个更好的背景颜色！

score 1 · Accepted Answer

如果没有 z-index 指定或交换标记中的块，您将无法做到这一点

添加到您的 CSS

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

score 0 · Accepted Answer

0

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

z-index:-1

于 2012-06-04T11:20:47.657 回答

score 0 · Accepted Answer

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

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

4 回答 4