每逢重大灾难的纪念日，像每年512纪念汶川大地震；或者是国家发生重大的自然灾害；或者是国家重要领导人的逝世，为了纪念哀悼，我们会有把网站变成灰色（素色）的需求，遂整理了一套代码。代码如下（为了突出颜色这块，特意每处都用了颜色）：本来色调：
工具/原料
sublime webstorm等
方法/步骤
1
第一段代码（见图片）：这段代码实现了谷歌、火狐、欧朋、微软最新浏览器Edge的灰色效果，但是safari和ie浏览器还不能实现。
2
第二段代码（见图片）：这段代码实现ie7-9灰色效果，但是ie10、ie11和safari还没有解决。
3
第三段代码（见图片）：为了实现ie10、ie11和safari浏览器的灰色效果，我引用了第三方js文件GRAYSCALE.JS（grayscale.js是一个实现网页元素 “灰度” 效果的js插件，可以运行在大多数的浏览器中），只需把这个js文件下载及引入，写下面的代码就可以实现了。
4
GRAYSCALE.JS很强大，在不需要上面代码解析的前两个步骤也能实现谷歌、火狐、欧朋、safari和ie9以上的灰色效果，配合上代码解析的第二个步骤就能实现大部分浏览器的灰色效果，但是可能会影响性能。
5
以上三个步骤就能实现在特殊日子里的灰色（素色）效果，也可以直接用第二个和第三个步骤。总体代码（见图）：
6
最后效果（见图）：
7
希望能帮到需要的人！
注意事项
1
根据自己的需求选择方案
2
使用js插件要去官网下载js文件，然后引入
上一篇：青少年绿色上网五要五不要一借助