為表達全國各族人民對抗擊新冠肺炎疫情鬥爭犧牲烈士和逝世通報的深切哀悼，國務院今天發布公告，決定2020年4月4日（明天）舉行全國性哀悼活動。在此期間，全國和駐外使館下半旗致哀，全國停止公共娛樂活動，4月4日10點開始，全國人民默哀3分鐘，汽車、火車、艦船鳴笛，防空警報鳴響。
想到以往默哀日訪問網站時發現整站會變成全灰，即想到如果立即開始開發、設計圖修改等工作也會消耗大量的時間與精力，那會不會有css可以直接處理所有的元素將他們變灰，隨即想到了css3的filter（濾鏡），並也證實了這一想法的可行性。
影響全站的方法我們可以將該樣式應用到根元素html上，即使創建了新的定位基準元素，也不會對子孫元素產生不符合預期的影響。
把這段css加到了body上
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);}以下效果
除非註明，否則均為米鋪網原創文章，轉載必須以連結形式標明本文連結。