en.javascript.info/8-css-for-js/6-css-center/2-form-modal/solution.md
2015-03-07 19:26:10 +03:00

718 B
Raw Blame History

Структура решения

Шаги решения:

  1. Для того, чтобы элементы окна не работали, их нужно перекрыть `DIV'ом` с большим `z-index`.
  2. Внутри него будет лежать "экран" с полупрозрачностью. Чтобы он растягивался, можно дать ему `position: absolute` и указать все координаты `top/left/right/bottom`. Это работает в IE8+.
  3. Форму можно отцентрировать при помощи `margin` или `display: table-cell` + `vertical-align` на внешнем `DIV`.

Решение