Z-Index установлен правильно?

Здесь у меня есть дополнительное меню внутри главного меню под кнопкой «Суды».

#nav li:hover ul {z-index: 101;}

При наведении курсора выпадающие элементы исчезают после наведения курсора мыши на область ползунка.

(#slider:after {z-index: 99;} 

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

http://www.andersoncountycircuitcourt.com

Вам нужно будет привести более полный пример. Смотрите здесь: stackoverflow.com/help/mcve

Strikegently 17.12.2018 16:35

Пожалуйста, также укажите свою принадлежность к упомянутому веб-сайту, это может быть ошибочно принято за тонкую попытку продвинуть / рекламировать его или увеличить посещаемость этого конкретного сайта;) Вот хорошая статья о том, как использовать z-индекс

iLuvLogix 17.12.2018 16:42
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
2
2
29
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуйте добавить z-index: 1; в .nivoSlider.

Я не знаю, какие другие элементы на вашем веб-сайте могут этому помешать, но предоставление .nivoSlider низкого z-индекса, по крайней мере, решает проблемы с выпадающим меню.

Другие вопросы по теме