如何让网页灰色？彩色变黑白色调实现方法

共计 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 文件中保存即可。在此步骤之前建议先做好备份，当网页想取消黑白色调的效果时，站长可以将该段代码注释掉即可，这样也方便下次可随时启用。

效果展示