如何基于filter实现网站整体变灰功能

前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大家。方案简单实用,笔者已在生产环境使用过。通过整体的html使用filter来进行过滤。如下,只要引入即可。 解决方案 html { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter:progid:DXImageTransform.Microsoft.BasicIm