Задать вопрос
@Sushkov
">alert("yohoho")

Как поместить модалноое окно поверх всех?

Взял код с сайта bootstrap, и фот так получилось:
731fa9c7911548e681d79e025094f816.PNG
Как модальное окно поверх сделать?
  • Вопрос задан
  • 10086 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 5
@byms
смотри z-index, у модального окна он должен быть больше чем у блока с полупрозрачным фоном
Ответ написан
Комментировать
gatilin222
@gatilin222
Frontend-разработчик
Правильный вариант - посмотреть z-index у остальных блоков и поставить больше у модального окна, как и написал byms .
Тупой вариант - поставить z-index:9999
Ответ написан
Комментировать
bifot
@bifot
bifot.ru
z-index: 9999;
Ответ написан
Комментировать
viphorizon
@viphorizon
position:relative;
z-index:99999999999;
Ответ написан
Комментировать
@AlexandrKom
не знаю как в бутстрапе, но попробовал бы сделать без z-index,
- поместить html-код модального окна вниз html-кода блока, задать свойство position: absolute для модального окна, position: relative для родителя, готово)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы