Как убрать весь цвет с сайта, контрастность на 0?

Question

[Faha1998]

Здравствуйте, подскажите пожалуйста как сделать так что бы весь сайт покрыл пустой див с grayscale() фильтром, но при этом что бы можно было пользоваться сайтом(т.е. все под дивом было кликабельно)

UPD:
Даже если не через CSS, можно ли как нибудь через JS обнулить все background до белого, и color до черного?

Comments

[Дмитрий]

Никак

Answer 1

[Александр]

Чтобы все элементы сохраняли кликабельность, можете для дива, который будет покрывать сайт, добавить свойство pointer-events:none.

Comments

[Faha1998]

как оказалось, просто задать пустой див с фильтром grayscale не получается......, он просто не включает этот фильтер

[Faha1998]

www.imgzilla.ru/image.uploads/2016-06-27/default-5...

[Александр]

Фахриддин Абдурахимов: попробуйте тогда вот так: .contrast {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(grayscale.svg#greyscale); /* Firefox 4+ */
filter: gray; /* IE 6-9 */
}

[Faha1998]

Александр: Спасибо,работает filter: url , странно chrome 51

Answer 2

[Алексей Николаев]

Попробуйте поиграть с css-фильтром grayscale. Но, это не наложение пустого div'а, а применение фильтра ко всем элементам на сайте. Вариант с наложением возможен разве что с использованием canvas - там можно было бы просто закрасить все, что находится под определенной областью.

Answer 3

[Кирилл]

Лучше скажите для чего вам это, проще будет подсказать. А вообще "

обнулить все background до белого, и color до черного

", то как-то так

*, *:before, *:after {
    background-color: white !important;
    background-image: none !important;
    color: black !important;
}