z-index和绝对位置问题

Question

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

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

在右边我有绝对定位花卉图片，但他们overlaping导航，并最终影响到的导航链接的功能。我想隐藏那些在导航之后的花朵。 我一直在玩Z指标，但仍然无法弄清楚方式。任何人都可以帮忙吗？

感谢

Answer 1

你必须改变你的z-index: 100到z-index小于50（你导航的z-index）为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应该是你的标签之外

试试这个..作出部分的z-index -1，并期待一切都如何背后你的导航。

我认为你应该把div.flowers移到你的块之外，然后独立地指定它的z-index。因为，你可以改变它整天，但重要的Z指数所属