新华社北京4月3日电为表达对在抗击新冠肺炎疫情斗争中牺牲的烈士和人民群众的深切哀悼，为全国各族人民逝去的同胞，国务院今天发布公告，决定2020年全国哀悼日定于4月4日举行。在此期间，全国和驻外使领馆降半旗，全国公共娱乐活动暂停。4月4日10时起，全国人民默哀三分钟，汽车、火车、轮船鸣笛，防空警报响起。——人民网幸有你，山河平安。我们这一代的年轻人要努力坚强！！！如今，可以看到很多网站整体呈现灰色，表达了全国各族人民在抗击新冠肺炎疫情中对烈士和逝世同胞的深切哀悼。丧之余，作为前端程序员，还必须学习一下这个网页的整体变灰技巧。使用filter兼容性查看caniuse解决方案，直接上传代码：在网页根节点添加如下css，支持chrome和firefox最新浏览器{filter:grayscale(.95);-webkit-filter:grayscale(.95);}兼容ie浏览器{filter:url("data:image/svg+xml;utf8,#灰度:");:DXImageTransform.Microsoft.BasicImage(grayscale=.95);}用例（以vue为例）模板动态绑定类样式datadata(){return{isGrayTime:false//默认不是灰化时间}}js添加方法setGray(){letdate=newDate();让nowMonth=date.getMonth()+1;让nowDate=date.getDate();letnow=`${nowMonth}${nowDate}`letsomeTime=['44','1213']//4月4日和12月13日国殇日选择放骨灰if(someTime.indexOf(now)>-1){this.isGrayTime=true}}在created中调用created(){this.setGray();},style样式.grayAll{filter:grayscale(.95);-webkit-过滤器：灰度（.95）；过滤器：url("data:image/svg+xml;utf8,#grayscale");过滤器：progid：DXImageTransform.Microsoft.BasicImage（灰度=.95）;}
