В чем ошибка с выпадающим пунктом меню?

Question

[Сергей Горячев]

На сайте горизонтальное меню.
При наведении на Прайс-лист должен выпадать список.
Он как бы выпадает, но скрыт за слайдером.
Задание z-index с миллионным числом даже не помогает.
Сижу второй час, не могу найти ошибку)))
Херня какая-то с z-index произошла, и два часа потерял.
Ненавижу на тупых проблемах стопориться.

Answer 1

[ivan1kazantsev]

Отвечу обобщенно. Ни один из родителей не должен иметь z-index меньше, чем у слайдера. Либо отключать z-index у родителей вообще, либо делать больше.

Comments

[Сергей Горячев]

Вся фигня в том, что я делал для .submenu z-index 100000000 и все равно не получалось перекрыть. Какие только знания не переставлял. Ну да ладно, что-то просто затупил.

[ivan1kazantsev]

Ну это и понятно, разницы же нет, какое там значение у .sumbenu, если у него родитель ложится под другой блок вместе с ним. И даже если отключить z-index у nav, то все равно не получится. А вот если отключить у nav и li, то да.

[Сергей Горячев]

ivan1kazantsev: Угу, так и решилось, но думалось, что абсолютное позиционирование все равно имеет приоритет.

Answer 2

[k0nsu1]

.bxslider {
position: relative;
z-index: -1;
}

Answer 3

[Александр]

.menu {
z-index: 50;
}

Answer 4

[Radja7]

Конечно, у тебя z-index меню - 1, а слайдера - 12. Меню выпадает на слайдер, соответственно слайдер перекрывает. Сделай индекс меню выше слайдера.