admin

发表文章数:136

热门标签

,

全国哀悼网站变灰

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

因为上面的原因整理了一些代码,一般都是放进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>

 

未经允许不得转载:作者:admin, 转载或复制请以 超链接形式 并注明出处 雪山'Blog
原文地址:《全国哀悼网站变灰》 发布于2020-04-04

分享到:
打赏 生成海报

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
切换注册

登录

忘记密码 ?

切换登录

注册