Как сделать модальное окно во весь экран?

Question

[Junior_WEB]

Всем доброго дня.
Подскажите как реализовать при клике открытие модального окна во весь экран ? Может есть, что-то уже готовое ? Которое можно вставить и подстроить под себя ?
Спасибо.

Comments

[Ярослав Иванов]

Вот она беда не знает не то что html css а даже не уметь в документацию.

[Dymok]

maginfic popup

[Владислав Линник]

Окну задай

position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;

[Сергей delphinpro]

Бери бутстрап, перепиши стили размеров диалога и будет как надо.

[tempick]

width:100%;
height:100%
Это было сложно, мне пришлось очень долго рыться в поисковиках, и на 17 странице рамблера я всё-таки нашёл это и написал сюда специально для тебя. Не благодари.

Answer 1

[Johny Smith]

Full-screen modal window

Answer 2

[Александр Котовский]

.modal {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
background-color: white;
z-index: 999;
}

Див с таким классом должен быть под боди и у боди position: relative

Джаваскриптом добавляйте убирайте ноду. Контент внутри стилизуйте под свой вкус.