使用css把彩色图片设置成黑白色

IE下可以轻松实现，使用（filter：gray）

CSS3 grayscale 实现滤镜

    .gray{
        -webkit-filter:grayscale(100%);
        -o-filter:grayscale(100%);
        -moz-filter:grayscale(100%);
        -ms-filter:grayscale(100%);
        filter:grayscale(100%);
        filter:gray;
    }

利用grayscale.js实现

 <script src="http://james.padolsey.com/demos/grayscale/grayscale.js"></script>
 grayscale(document.getElementById("thisImage"));
 ###### 或者
 grayscale(document.getElementsByTagName("img"))
 ###### jQuery：
 grayscale($("#thisImage"));

还可以利用svg进行过滤，由于对svg不熟悉，所以这里就先不写了