网站变灰色

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


资料自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!