Добавлено: 22.10.2019 / 16:44
Чтобы сделать оверлей нужно кинуть доп элемент в body, который будет занимать всю высоту и z-index будет ниже чем у самой модалки. Для body ставится owerflow hidden.
При клике открытии окна соответственно применяешь все стили чтобы всё появилось, а при закрытии убираешь чтобы страница стала обычной.
Добавлено: 22.10.2019 / 16:45
Ну, а вообще модалки писать такое себе. Возьми готовое встроенное в бутстрапе, например, или вот достаточно простые модалки https://arcticlab.ru/arcticmodal/#docs
Кастомизируй внешний вид под свои потребности и всё.