Как затемнить экран, кроме конкретного div
 

У меня такая задача, есть некоторое количество изображений, каждая размещается на своем div. Нужно сделать чтобы при наведении на div с изображением весь экран темнел, а этот див остался видимый. Сделал что экран темнеет, затем при помощи jQuery добавлял новый класс для div в котором значение z-index выше, к слою на который навел, чем при затемнении. но почему результата ноль :(

зависит где лежат дивы: тот который затемняет и тот который остается видимым. их обычно кладут в body, дабы имели одного парента и работал z-index. ну и position надо учитывать. без вашего примера трудно дать конкретный ответ почему не работает

Есть, кстати, очень простое решение, но далеко не кроссбраузерное.

<style type="text/css">
.highlighted {
	outline: solid rgba(0, 0, 0, .25) 10000px;
}
</style>
<p>Небоскребы, небоскребы,<br />
Стены, лифты, этажи…<br />
Расскажу я вам, ребята,<br />
Про восстание машин.</p>

<p>Чу! — сверкнуло синим светом,<br />
Ветром дунуло с реки.<br />
«<span class="highlighted">Терминатор, Терминатор!</span>» —<br />
Зашептались мужики.</p>

subzey,
тогда уж .highlighted:hover {...} ;)

Подскажите, как сделать тоже самое, но при нажатии на ссылку? (Ну и чтобы при обратном нажатии на затемнённую область, она убиралась.)

Заранее спасибо за ответ!!!

Где лежит видимый значения не имеет. Выставляем ему position: relative + z-index == maxZindex, оверлей ложим в body.

Возможно я не прав - но ето должно помочhttp://dev.iceburg.net/jquery/jqModal/#examples
Вот нарил пример - http://www.phatfusion.net/projects.html