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指數所屬