让整个网页（LOGO图片）色调全部变灰的方法（CSS写法）

更新：感谢各位的回复和完善。写的时候比较赶，没考虑全兼容性。对大家有用就好！

感谢，@月涯，这个比较完善了：

html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

===================

如何使整个网站网页变成灰色（包括LOGO和图片）？

四川雅安今天早上8:02分发生了7.0级地震。为了向地震灾区的死难者表示哀悼，将网站色调改为灰色是主要网站向地震等灾难表示哀悼的主要方式。今天晚上主要大网站已经陆续将网站的LOGO和网站的色调变成了灰色。包括LOGO、网站的图片等都变成了灰色。其实要将整个网站变成灰色调很简单，只需要一句CSS定义即可。

要将整个网站变成灰色调，你不用去一张一张改图片的色调。只需要在CSS文件的html节点上添加下面一条定义即可：

html {-webkit-filter: grayscale(100%);}

加上上面这一条，就不用你去一张一张调图片的颜色了。此方法对主要浏览器都有用。

已经将网站调为灰色（LOGO和首页的图片）的网站有：淘宝、163网易、微博。

原文出处：http://www.techolics.com/jquery/20130420_338.html

转载于:https://www.cnblogs.com/techolics/archive/2013/04/20/css-page-gray.html