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

武享吧
9464
文章
47
评论
04/04/202007:24:565.3K 次浏览1

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,具体的可以自己读一下。

1、在全站的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>
继续阅读
AI智能抠图工具- Aipix在线抠图网站 WordPress

AI智能抠图工具- Aipix在线抠图网站

AI智能抠图工具:「Aipix」 Aipix是一个在线抠图网站,它可以快速抠图,背景稍微复杂一点的图片也能抠得很干净。 免沸,不限次数,可以用来抠证件照。 而且它还有其他图片编辑功能,例如滤镜、贴图、...
WordPress 5.4.2 安全更新、中文版下载 WordPress

WordPress 5.4.2 安全更新、中文版下载

WordPress 5.4.2 正式推送更新。WordPress 5.4.2 版本修复了7个安全漏洞和22个bug,包括: 1,修复通过身份验证的低权限用户能够在编辑器中向文章添加JavaScript...
中文WordPress 5.3 正式版 [官方下载+网盘下载] WordPress

中文WordPress 5.3 正式版 [官方下载+网盘下载]

北京时间2019年11月13日WordPress 5.3 正式版发布,白背景灰边框按钮变成蓝色,同时所有表单边框颜色也加深了,虽说不上难看,总之个人感觉不是很协调,特别这个点击按钮后样式,让人接受不了...