使用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实现

   
   grayscale(document.getElementById("thisImage"));
   ###### 或者
   grayscale(document.getElementsByTagName("img"))
   ###### jQuery：
   grayscale($("#thisImage"));
  

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