Затемнить экран монитора кроме конкретного div, но при клике затемнение пропадает

программирование html JavaScript css веб дизайн

В общем такой вопрос, мне надо что бы когда человек открывает страницу сайта - весь экран был затемнен на 25%, но конкретный div был бы вне этого затемнения. Потом после клика в любое место на экране - это затемнение плавно пропадало. Как это реализовать ?! Искал много решений, было только: outline: solid rgba(0, 0, 0, .25) 10000px; но оно просто через css затемняет все, к тому-же код лагает. А как сделать как отписал я ? Заранее спасибо!

Примечание:
Ну и что это будет ? Я выделю только нужный мне блок, а затемнение будет постоянно. А мне надо что бы после нажатия мышкой в любое место на сайте затемнение пропадало.
Ответы:
поработайте с z-index. Выведите необходимый див выше затемнения.
"затемнение" должно быть зафиксировано, иметь размеры 100х100% и идти отдельным, независимым блоком, что бы можно было обрабатывать клик на том же джквери.
Одно из решений: http://jsfiddle.net/holden321/GfT8L/


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.