https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale
将下面代码加入在网页HTML <head></head>之间即可,主要使用CSS Filter grayscale实现。(支持IE、Chrome、Safari、Firefox等常见浏览器)
<style>
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>
Filter :: grayscale 浏览器兼容性