@Ily4farmer

Почему модальное окно не показывается?

Сверстал страницу, решил сделать модальное окно, которое открывается по нажатию на кнопку в шапке сайта(navbar). Разместил блок с модальным окном под основным контентом main.
Модальному окну задал position fixed и расположение top 0, left 0. При нажатии на кнопку js срабатывает, но модальное окно не занимает позицию в верхней левой части экрана, а остается под основным контентом и ее не видно, будто ее не существует. Решил перенести окно над шапкой сайта, она стала видна на контентом, кроме последнего блока в main(их там всего 2).
5eea226012d68590355332.jpeg
А если разметить под шапкой, тогда покрывается только один блок контента игнорируя шапку сайта и второй блок контента по прежнему не дает ничего увидеть.
5eea24388faae827313072.jpeg
По какой причине окно нормально не отображается?
Вот код https://jsfiddle.net/4degzvqs/
  • Вопрос задан
  • 163 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
z-index укажите

UPD
Модальному окну задал position fixed и расположение top 0, left 0.

Если бы так, то всё бы работало.
Но у вас задан left и right
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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