Kozack
@Kozack
Thinking about a11y

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

По ссылке в меню есть подменю. При наведении оно плавно появляется, а потом его часть прячется под контент. В чем проблема и как исправить?
B_Sp-RdugQQ.jpg
  • Вопрос задан
  • 3075 просмотров
Пригласить эксперта
Ответы на вопрос 5
у меня на chrome ничего не прячется, но тем не менее - у элемента .sub-menu есть параметр z-index, попробуйте поставить его больше...
Ответ написан
Комментировать
@evgeny_ryabcev
У меня все нормально. Но поставьте z-index:1000; и у вас все будет нормально
Ответ написан
@IoannGrozny
Front-end разработчик
В Firefox тоже ничего не прячется, но, исходя из условий задачи, я бы предложил добавить z-index хэдеру. А вообще, почитайте отдельно про механику работы z-index в css, она довольно непроста. Без указания z-index элемент объявленный позже всегда выше по оси z, чем элемент объявленный ранее. Исходя из этого: main выше по оси z чем хэдер(и всё его содержимое). Потому задавайте z-index элементу header.
Ответ написан
Комментировать
Zoxon
@Zoxon
Веб-разработчик
Дайте z-index больше элементу с position: relative; в меню
nav li {
position: relative;
z-index: 10;
}
.main{
position: relative;
z-index: 1;
}
Ответ написан
Комментировать
CanVas
@CanVas
Веб-мастер
ооо я недавно столкнулся с такой же проблемой, всё не так просто.
надо проверять z-index у родительских элементов, а так же порядок их положения в дереве. Это влияет. можно поставить z-index>9999, но это не поможет, если у родителя z-index:1.
в общем вот где можно разобраться: То, что вам никто не говорил...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы