纪念日表示哀悼如何让网页黑白显示（灰度显示）

2016年4月4日

本文已被收藏在：企业网站建设

2355

睿达科网络提供:兰州网站建设/兰州网站制作/兰州网站设计/微信开发/SEO/代运营等服务…… 浏览更多产品服务

有时在纪念日或者表示哀悼的日子里，会需要把网页变成黑白显示的（灰度显示）的需求，怎样快捷方便地将网页变成黑白？利用css本身的功能即可实现全局黑白灰度渲染。

WordPress 网站可以在主题内置的自定义css中加入如下代码，保存生效，如果你是静态网站，可以把这段代码直接加到你网站风格的最开头即可。

html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#grayscale);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}

版权属于：睿达科网络 »《纪念日表示哀悼如何让网页黑白显示（灰度显示）》

原文链接：https://www.radartek.com/website-filter-grayscale.html

本文采用「CC BY-NC-SA 4.0」创作共享协议，转载时必须以链接形式注明原始出处及本声明。

如果喜欢本站文章，欢迎点此扫描二维码，关注睿达科网络微信公众服务号