快速实现全站或自定义模块黑白背景

可以通过引入灰度js脚本grayscale.js：

<script scr="//s1.hdslb.com/bfs/static/jinkela/long/js/utils/grayscale.js"></script>

一 实现灰色背景需两步：

1.引用grayscale.js
2.利用CSS将grayscale的应用到特定的类

<style>html{-webkit-filter:grayscale(.95)}</style>

其中，grayscale(.95)指的是脚本遮罩度。比如设置为.50，那么就会叠加50%灰色。

该脚本工作原理是：利用客户端的浏览器完成灰度计算。因此不会改变原网页内容，也不会增加多少流量消耗。当然，对于大型网站，可能需要对此灰度版本的网页进行缓存。
garyscale可以应用在特定的类上，比如对其它类应用，但对用户头像（有专门的类名）不应用。这样就可以起到全站黑白，同时用户头像色彩的效果。