对于多数浏览器而言,使用以下代码即可使页面变灰
/* 页面变灰 */
#body{
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
-ms-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray; /* IE 6-9 */
}
那么IE10以上可以考虑使用grayscale.js插件
grayscale(document.getElementById('body'));
更多参考: