2016-10-14 5 views
0

Из-за потери короля Таиланда Bhumibol Adulyadej многие веб-сайты в Таиланде изменились на серому. Но когда я нажимаю правой кнопкой мыши и нажимаю «открывать изображение на новой вкладке», я вижу оригинальное цветное изображение. Даже видео меняют цвет. Какую технологию я могу использовать для этого?Какая технология изменяет сайт на серый, не затрагивая основные ресурсы?

+1

Примечание: я удалил вашу ссылку. Этот сайт недоступен в большинстве стран, поэтому он не демонстрирует эффект серого для большинства пользователей этого сайта. –

+0

RIP Bhumibol :( –

ответ

5

Вы можете просто добавить CSS filter property в тег <body>. В частности, вы бы добавили filter: grayscale(100%);.

Пример фрагмента:

.filtered { 
 
    filter:grayscale(100%); 
 
}
<p>No filter<br/> 
 
<img src="https://i.stack.imgur.com/vVury.png"> 
 
</p> 
 

 
<p class="filtered">Filtered<br/> 
 
<img src="https://i.stack.imgur.com/vVury.png"> 
 
</p>

Это будет работать в nearly all modern browsers, но не Internet Explorer или Opera Mini.

0

Это делается через CSS3. Где вы можете конвертировать ничего в оттенки серого с помощью

filter:grayscale(1); 

Если добавить этот CSS в <body> теге сайта это превратит весь сайт на серый.