网站变灰色

发布于 2022-12-03  672 次阅读

资料自https://blog.csdn.net/weixin_39887926/article/details/119430599

通常是在清明节、国家哀悼日、大地震等重要人物去世或周年之际，把自己的主页全部换成灰色（黑白），以表达对死者的敬意。

方法一（修改CSS文件）

添加以下代码：

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}

方法二（标签内部加入内联CSS代码）

添加以下代码：

html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

或是

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,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

方法三（修改<html>标签）

添加以下代码：

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

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

Hello world!