如果需要将你的网站全站和图片变灰，只需要加几段css控制就可以了，以下是几个方案：
一、主流方法！网站变灰色的CSS代码
<style>
html{
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
</style> 以上代码除了IE都支持，也是现在国内主流网站常用的方法，都对被嫌弃的IE没做特别处理了，因为今年微软已经停止对IE支持更新，力推Edge浏览器，Win平台下的浏览器至此也与Chrome一致了，上方代码轻便易用，放在需要灰掉的页面即可，建议放在<head>里。
二、通用方案
如果你执意所有的浏览器都有这个效果，可以通过Greyscale.js实现
<script src="grayscale/grayscale.js"></script>
<script type="text/javascript">
var navStr = navigator.userAgent.toLowerCase();
if(navStr.indexOf("msie 10.0")!==-1||navStr.indexOf("rv:11.0")!==-1){ // 判断是IE10或者IE11
grayscale(document.html);
}
</script> 好了，来试一试吧！