Форум Сайтостроение Веб-строительство

Затенение всего сайта

mff
На сайте с 21.02.2008
Offline
282
mff
517

Коллеги, как грамотно сделать затенение всего сайта кроме окна с формой? Есть кнопка, на нее нажимаем - выскакивает слой с формой для заполнения. Задача затенить сайт полупрозрачным слоем.

За ранее спасибо!

Управление репутацией в сети: https://timbook2.ru/
M
На сайте с 15.03.2012
Offline
128
Moltisanti
#1

наложить поверх сайта слой (overlay) с прозрачностью, position: fixed и большим z-index

у окна с формой тоже position: fixed или absolute, только z-index ещё больше..

форма НЕ должна являться дочерним элементом элементу overlay

mff
На сайте с 21.02.2008
Offline
282
mff
#2

Moltisanti, это понятно, но вот как быть с размерами этого слоя и как сделать ссылки некликабельными под слоем?

B3
На сайте с 01.04.2010
Offline
82
Byblick32
#3

У слоя overlay height:100%; width:100%; opaciti: 0.6; position: fixed;

Ссылки сквозь div "кликаться" не будут

---------- Добавлено 10.08.2012 в 18:02 ----------

ах да, еще background-color: black;

mff
На сайте с 21.02.2008
Offline
282
mff
#4
Byblick32:
height:100%; width:100%;

Ага а если прокрутку вниз потянуть?

Ааа, все вижу, fixed. Спасибо, пробую сверстать.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий