Почему прячется часть div'a?

Question

[Alex]

По ссылке в меню есть подменю. При наведении оно плавно появляется, а потом его часть прячется под контент. В чем проблема и как исправить?

Comments

[Alex]

Использую Яндекс.Браузер

Answer 1

[Сергей Полозов]

у меня на chrome ничего не прячется, но тем не менее - у элемента .sub-menu есть параметр z-index, попробуйте поставить его больше...

Answer 2

[evgeny_ryabcev]

У меня все нормально. Но поставьте z-index:1000; и у вас все будет нормально

Comments

[Константин Величко]

Без position z-index не будет работать

Answer 3

[Иван Беленков]

В Firefox тоже ничего не прячется, но, исходя из условий задачи, я бы предложил добавить z-index хэдеру. А вообще, почитайте отдельно про механику работы z-index в css, она довольно непроста. Без указания z-index элемент объявленный позже всегда выше по оси z, чем элемент объявленный ранее. Исходя из этого: main выше по оси z чем хэдер(и всё его содержимое). Потому задавайте z-index элементу header.

Answer 4

[Константин Величко]

Дайте z-index больше элементу с position: relative; в меню

nav li {
position: relative;
z-index: 10;
}
.main{
position: relative;
z-index: 1;
}

Answer 5

[Роман Якушев]

ооо я недавно столкнулся с такой же проблемой, всё не так просто.
надо проверять z-index у родительских элементов, а так же порядок их положения в дереве. Это влияет. можно поставить z-index>9999, но это не поможет, если у родителя z-index:1.
в общем вот где можно разобраться: То, что вам никто не говорил...