update

2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.md

@@ -0,0 +1,23 @@
+Модальное окно делается путём добавления к документу `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;
+  filter: alpha(opacity=30);
+}
+```
+
+Самой форме нужно, естественно, дать еще больший `z-index`, чтобы она была над `DIV'ом`. Мы не помещаем форму в контейнер, чтобы она не унаследовала полупрозрачность.
+
+[edit src="solution"/]