网站网页快速变黑白方法

背景

网页变黑白常用于表达悼念、怀念故去的著名人物、重大灾难事件等。

方法

通过分析，百度百科人物网页变黑白是这么做的：

webkit-filter: grayscale(1);

其中grayscale（）的取值为0%-100%，也可以用0-1取代，0%代表彩色图像，100%代表完全的灰度。
通过对html body 元素css style设置滤镜，达到“一键变色”的效果。代码简洁高效。

css filter的浏览器兼容：Chrome31+，Safari7+，Opera20+，ios Safari6+,Android Browser4.4+, Blackberry 10+均支持了-webkit-filter的方式，IE不支持，firefox不支持。