z-index和绝对位置问题

Question

我再次遇到z-index问题。 请查看页面

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

在右侧，我用鲜花绝对定位图片，但它们重叠导航并最终影响导航链接的功能。我想隐藏那些导航背后的花朵。 我一直在玩z-index，但仍然无法弄明白。有人可以帮忙吗？

由于

Answer 1

您必须将z-index: 100更改为z-index小于50 {导航z指数} section，例如

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属于