整站变灰如果改图片的话工作量不可想象,但下面的方法是仅通过几句css就可以搞定,这就是css技术的强大。

5.12地震给四川人民带来了巨大灾难,5月19日到5月21日为全国哀悼日,有很多网站界面今天都变成了黑白色,从而纪念那些在地震中死去的逝者。对于普通的站长来说,对于灾难并不能多做些什么,但可以做到将自己的网站也变成黑白色,从而缅怀那些地震逝者。
  
如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。
以下是代码片段:

*{
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}

也可以通过下载现成的css文件,添加到网站上!下载grayer.css文件下载不成功可以点击右键,链接另存为即可

引用到head区域,方式如下:

<link rel="stylesheet" href="grayer.css">