浏览器变灰的实现方式

关于浏览器变灰的实现方式:
1、最干脆最直接的办法是把图片变灰。(适合少量修改图片,兼容有所的浏览器)
2、用滤镜(IE滤镜和css3滤镜)控制,如(能够修改所有元素(包括图片),兼容IE系列及webkit系列)

-webkit-filter:grayscale(100%);
-o-filter:grayscale(100%);
-ms-filter:grayscale(100%);
filter:grayscale(100%);    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 

3、用grayscale插件(官方网站:http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/),
主要是通过canvas将图片转换成功灰色图片,利用data:image/png;base64,重新将src复制过去。
(兼容绝大部分浏览器,包括firefox。不过,建议只有让firefox调用grayscale插件,修改指定的图片。)
grayscale.js:http://james.padolsey.com/demos/grayscale/grayscale.js

原文地址:https://www.cnblogs.com/woanon/p/3134492.html