ok

2017-03-15 00:43:43 +03:00 · 2017-03-15 00:43:43 +03:00 · 1f61c2ab1d
commit 1f61c2ab1d
parent aeb74092b6
100 changed files with 4120 additions and 659 deletions
--- a/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.md
+++ b/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.md
@ -0,0 +1,21 @@
+Модальное окно делается путём добавления к документу `DIV`, полностью перекрывающего документ и имеющего больший `z-index`.
+
+В результате все клики будут доставаться этому `DIV'у`:
+
+Стиль:
+
+```css
+#cover-div {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9000;
+  width: 100%;
+  height: 100%;
+  background-color: gray;
+  opacity: 0.3;
+}
+```
+
+Самой форме можно дать еще больший `z-index`, чтобы она была над `DIV'ом`. Мы не помещаем форму в контейнер, чтобы она не унаследовала полупрозрачность.
+