25 lines
No EOL
879 B
Markdown
25 lines
No EOL
879 B
Markdown
HTML/CSS для формы: [edit src="solution"/]
|
||
|
||
Модальное окно делается путём добавления к документу `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"/] |