Как предотвратить отображение заднего div через передний div
Я изо всех сил пытаюсь заставить меню гамбургера работать правильно.
Он падает вниз, как и ожидалось, но по какой-то причине не закрывает находящиеся за ним элементы. Другими словами, фон кажется прозрачным. Но я не могу найти способ предотвратить это.
Вот как это выглядит:
<li role = "menuitem" tabindex = "-1" aria-label = "Page 3" class = "e-menu-item e-focused" id = "3">Page 3</li>
Я попытался установить непрозрачность на 1, но это, похоже, не имеет значения.
Итак, как мне исправить?
.e-menu-item{
opacity: 1;
background-color: white;
}
Ответы 2
установите z-индекс на что-то большее.
.e-menu-item{
opacity: 1;
background-color: white;
z-index:100;
}
Вы должны поставить кавычки ' or " в строки в CSS. Попробуйте так:
.e-menu-item{
opacity: 1;
background-color: 'white';
}
Ваш ответ может быть улучшен с помощью дополнительной вспомогательной информации. Пожалуйста, редактировать добавьте дополнительную информацию, например цитаты или документацию, чтобы другие могли подтвердить правильность вашего ответа. Дополнительную информацию о том, как писать хорошие ответы, можно найти в справочном центре.
Это работает для меня, Джек!