共计 568 个字符，预计需要花费 2 分钟才能阅读完成。
让整个网页灰色，或者是变成黑白色，这种情况一般是在特殊时期才会出现，比如某某人的离世发布讣告，或者国内发生重大事件，如地震海啸等自然灾害，这个时候很多网站的站长便将网页设置成灰色以示悼念。那网页这种方法是怎么实现的呢？下面随橘子君一起来了解一下吧。
实现代码
html{filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);}通过上面这段简短的代码，即可让整个网页灰色显示，新手站长可参考如下代码使用方法。
使用方法
进入网站的根目录，找到网站的 CSS 文件，站长只需将以上代码加入到网站的 style.css 文件中保存即可。在此步骤之前建议先做好备份，当网页想取消黑白色调的效果时，站长可以将该段代码注释掉即可，这样也方便下次可随时启用。
效果展示
正文完
