4月4日,全国哀悼,简单CSS代码将网站变成灰色

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院2020年4月3日发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。

——国务院

作为互联网业务的经营者,我们也要为哀悼日做准备,首先是将网站的一些娱乐属性的功能暂停,如果网站的配色比较鲜艳的,那么最好就是用 CSS 覆盖将网站变成灰色。

为了最快捷的实现效果并再介绍哀悼后可以快速恢复,因此通过CSS样式的方式修改网站配色是最好的方法了。我们将以下代码放入网站 Header 部分,保存并清理缓存既可实现。

未压缩版:

    html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    } 

压缩版:

html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}

WordPress 的话更方便,只需要在 后台 —— 外观 —— 主题 —— 自定义 —— 额外CSS 中,加入压缩版的CSS即可。