Затемнение и блокировка всего, при показе модального окна
 

Наверняка вы часто встречали такое.
Вы кликаете по кнопке, выскакивает модальное окошко, по центру экрана...и ВСЁ пространство вокруг этого окошка становиться как бы затемнённым (как будто бы поверх наложили див размерами с блок html с белым, частично-прозрачным фоном) и клик по чему угодно за пределами моего модального окна (по любой ссылке итд) блокируется, не срабатывает короче.

Подскажите хотя бы идею. Как делать затемнение и блокировать всю область за пределами модального окна.
Реализовывать буду на jQuery, ессесно.

Ставят div блок с color:#000000; position:fixed; height:100%; width:100%; z-index:10000; cкриптом устанавливают opacity порядка 0.4-0.7
z-index:у модального окна чуть более данной подложки

А почему может быть такое, что подложка

#podlogka {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #000;
			opacity: 0.6;
			z-index: 100;
		}

#modalWindow {
			margin: 100px auto 0;
			width: 400px;
			overflow: hidden;
			z-index: 10001;
			border: 1px solid #4c6a8a;
		}

имея более низкий з-индекс, чем моё модальное окно, блокирует это самое окно?

ololosh,
У модального окна должна быть позиция absolute,relative, или fixed

Только при данных вариантах position работает z-index

У затенения обычно position:fixed - иначе оно сдвигается при скроле страницы

Спасибо огромное за тему!
 

Спасибо огромное за тему! Ваша дискуссия оказалось очень кстати. Как раз искал описание подобного приёма!