Проблема с z-индексом и абсолютным положением

Question

У меня проблема с z-index снова. Пожалуйста, проверьте страницу

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

С правой стороны я абсолютно позиционированным картина с цветами, но они перекрывающихся навигацией и в конечном итоге влияет на функциональность ссылок в навигации. Я хочу скрыть эти цветы за навигацией. Я играл с z-индексами, но до сих пор не могу понять, как это сделать. Может ли кто-нибудь помочь?

Благодаря

Answer 1

Вы должны изменить ваш z-index: 100 на z-index менее 50 (навигационный г-индекса) для 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-индекс в разделе -1 и посмотреть как все идет за вашим навигатором.

Я думаю, вы должны перемещать div.flowers вне вашего блока, а затем назначать его z-index независимо. Как есть, вы можете изменить его весь день, но z-index, который имеет значение, относится к