css滤镜实现鼠标悬停图片变黑白(灰色)

效果描述：
默认图片是彩色效果，当鼠标悬停在图片上后，图片变成灰白色
(注意：不兼容IE10)
原理：
其实只要给图片悬停的hover效果加一个样式即可，即 filter: grayscale(100%);
使用方法：
1、将css样式引入到你的网页中
2、将body中的代码部分拷贝到你需要的地方即可
(图片采用绝对路径，不建议修改路径)