让整个网页(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网易、微博。