<style>
html {    
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter:grayscale(100%);
    }
</style>

效果差不多这个样子滴~

对于不支持IE滤镜和webkit滤镜的firefox，网上流传一个svg方案，先定义svg文件如下：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<filter id="grayscale">
<feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0
0.3333 0.3333 0.3333 0 0
0.3333 0.3333 0.3333 0 0
0  0  0  1 0"></feColorMatrix>
</filter>
</svg>

接下来在页面写入:

html {filter: url(desaturate.svg#grayscale);}
或
html {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}

当然如果对于要求比较严格且对性能有苛刻要求来说，整站替换颜色以及图片，如果是利用图片托管服务的还会容易一点，不然整站排查替换等等工作，怕是够喝一小壶了~