Проблема с z-индексом и абсолютной позицией

Question

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

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

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

Спасибо

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 должны быть за пределами вашего тега

попробуйте это ... создайте z-index в разделе -1 и посмотрите, как все идет за вашей навигацией.

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