让整个网页(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

posted on 2013-04-20 22:16  Tech迷  阅读(6486)  评论(26编辑  收藏  举报

导航