Как сделать всплывающее окно с затемнением на CSS

11.04.2016

[button title=»DEMO» icon=»» icon_position=»» link=»//di-grand.com/blog/html/popup.htm» target=»_blank» color=»» font_color=»» size=»2″ full_width=»» class=»» download=»» onclick=»»]

Многие вебмастера задаются вопросом: как сделать всплывающее окно с затемнением на CSS?
Оказывается создать не ограниченное количество всплывающих окон на одной странице, без использования javascript, очень легко. Для этого сделайте следующее:
1. Вставьте CSS код:
2. Вставьте HTML код:

Инесса

Да модуль хороший, но с прокрутками беда(

Ответить
Digrand

Прокрутка в нем работает — колесиком

Ответить
Илона

Здравствуйте. Отлично все работает! Спасибо.
Но есть одна проблема: если всплывающее окно выходит за окно браузера по высоте, то нет прокрутки и нет возможности прочитать весь текст. При выборе другого вида позиционирования (relative), прокрутка есть, но тогда окно открывается некорректно. В зависимости от того, насколько страница прокручена вниз. В общем, бывает скрыто пол текста вверх или вниз. Подскажите, пожалуйста, что можно сделать в этой ситуации.

Ответить
di-grand

Здравствуйте. Понял о чем речь, да, в этом окне этого не предусмотрено. Сегодня — завтра выделим время и решим данный вопрос.
Следите за обновлением.

Ответить
Илона

Здравствуйте. Наверное выделить время для решения вопроса не получилось ((
Жаль.
Хотя, может я просто не увидела?

Digrand

Здравствуйте Илона. Да, к сожалению нет сейчас времени описывать данную проблему.
Советую смотреть в сторону http://codepen.io/dimsemenov/pen/GAIkt. Появится время мы опишем как подключать данный скрипт

Добавить комментарий

Ваш e-mail не будет опубликован.