我没有找到解决该问题的方案。如果你使用带有灰度滤波器的svgs似乎是可能的，但只有一种简单的方法可以用css做这个吗？
更新
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
和
-webkit-filter: grayscale(0);
filter: grayscale(0%);
适用于最新的Firefox和Chrome版本。
答案 0 :(得分：0)
可以将图像包装成div。 然后隐藏一个显示图像。并改变div的颜色。
css的例子： http://www.w3schools.com/cssref/sel_hover.asp
这里是工作示例，希望它是你想要的： https://jsfiddle.net/3v4on7cv/
#testDiv:hover > img
是所需的css选择器，它将选择具有id＆＃34; testDiv＆＃34;的悬停元素的所有父图像。
答案 1 :(得分：0)
如果您已设法使用base64字符串设置背景图像数据，那么只需再次执行：hover with black and white data。