html {
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);
filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); /* IE6 ~ 9 */
}
原理就是借助CSS或CSS3提供的滤镜实现,这样做的好处是不但能够实现图片变灰,而且还能实现设置的背景图也变灰(html和body设置的背景图除外)。