网站首页和全部页面变灰代码（举行全国哀悼日）

04/04/2020赛事预告

CSS灰度滤镜，页面变灰代码放在CSS文件中，wordpress网站大家放到style.css主题样式即可。

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

网站首页和全部页面变灰代码

/** 灰**/
.nav-top, #navigation-top li a, #navigation-top img,
.post, #primary, .g-row, .widget, .tg-site, .xm4,
.links-group, .nav-links, .cover4x, #scroll,
.links-box, .cms-news-grid-container, .cat-container,
.gw-box, .sx4, .owl-theme, .site-footer, .contactus,
.single-tag, .authorbio, #submit, .login-overlay, .header-sub,
.pagenav-clear, .nav-section, .comment, .comment-respond,
.group-tab-site, .guide-img, .picture-box, .link-box {
filter: grayscale(90%);
-webkit-filter: grayscale(90%);
-moz-filter: grayscale(90%);
-ms-filter: grayscale(90%);
-o-filter: grayscale(90%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.9);
}

上面代码为本站使用代码，因为如上原因，还有一些找了点让网站变灰的代码块。

一般都是直接放进CSS，具体的可以自己读一下。

１、在全站的CSS中写入下面二条中的一条：

html {  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
body {  filter: gray;}

最简单的把页面变成灰色的代码是在head 标签之间插入：

<head><style type="text/css">  html {FILTER: gray}</style></head>

/*WordPress站点*/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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  -webkit-filter: grayscale(1);}

document.getElementsByTagName('body')[0].style.filter = 'grayscale(100%)';

body {  /* IE */  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  /* Chrome, Safari */  -webkit-filter: grayscale(1);
  /* Firefox */  filter: grayscale(1);}

<!-- 4月4日 全国哀悼 --><style>html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;}   </style>

我们大家共同的家，
保持健康持续运行，
非常需要您的爱心赞助！