提供两种方式将自己的网站变为灰色

这种方法兼容大多数网站,但在 IE 浏览器上可能没有效果

建议使用第一种方式

添加到 css中

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

添加到 <head> 与 </head> 间

<style type="text/css">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);} </style>

教程来源于网络

最后修改:2020 年 04 月 03 日 09 : 12 PM
如果觉得我的文章对你有用,请随意赞赏