使用CSS将图片转换成灰色

.gray {
  -webkit-filter:grayscale(100%); //webkit内核支持程度最好
  -moz-filter:grayscale(100%);  //其他内核并不支持，为了将来兼容性而写
  -ms-filter:grayscale(100%);  //实际并不支持
  -o-filter:grayscale(100%);  //实际并不支持
  
  filter: grayscale(100%);  //标准写法
  filter:gray;  //仅支持IE6-9
}

遗留问题：IE10 -11 如何兼容？
js方法：grayscale.js插件