html {
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
IE 10 和 IE11 是不支持的,需要加入grayscale.js ,百度一下就能下载到了,使用方法如下:
//jquery方法,页面加载完成后再执行,防止图片未加载出来,造成页面变灰失败
$(function() {
document.onreadystatechange = function() {
if (document.readyState == "complete") {
grayscale(document.body));
}
}
});