z-index 和绝对位置的问题

Question

我又遇到了 z-index 的问题。 请检查页面

http://webakery.asia/projects/valentine/

在右侧我绝对有定位带有花朵的图片，但它们与导航重叠，最终影响导航中链接的功能。我想把那些花藏在导航后面。 我一直在玩弄 z 索引，但仍然找不到方法。有人可以帮忙吗？

谢谢

Answer 1

您必须将 section 的 z-index: 100 更改为 z-index 小于 50（您的导航 z-index），

section {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 960px;
    z-index: 20;
}

例如将 position:relative 添加到您的 nav

nav {
    background: url("../images/bg-menu.png") repeat-x scroll 0 0 transparent;
    min-height: 66px;
    position: relative;
    z-index: 50;
}

Answer 2

我认为 div.flowers 应该在你的标签之外，

试试这个..在 -1 部分创建 z-index 并看看一切都在你的导航后面。

我认为你应该将 div.flowers 移到你的块之外，然后独立分配它的 z-index 。事实上，你可以整天改变它，但重要的 z-index 属于