当前位置： > 教程 >

将网站、网页整个界面变成黑白灰色调css代码

少轻狂
教程
2020-04-04 07:27

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

轻狂志全站变为黑白色，以表哀悼之情。

以下是将网站或者网页变成黑白色的代码。

方法一：写入.css文件请用

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);}

方法二、写入头部head标签里面：

<!--

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);}

-->

</style>

方法三：网页黑白代码内联式

写入html标签，找到html

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);">

方法四：网页黑白代码QQ群空间版，针对大部分主流浏览器

**写入.css文件请用*

html {-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

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);

}

上一篇：使用 PicGo 上传图片到 SM.MS 图床

下一篇：给你一剂后悔药：宝塔面板自动备份网站数据到阿里云OSS