css - 有没有办法在悬停时仅使用 css 制作 base64 编码的背景图像 png 黑白？

Question

我没有找到解决该问题的方法。如果您将 svgs 与灰度滤镜一起使用，这似乎是可行的，但是是否有一种仅使用 css 来实现此目的的简单方法？

更新:

filter: grayscale(100%);
-webkit-filter: grayscale(100%);

和

-webkit-filter: grayscale(0);
filter: grayscale(0%);

适用于最新的 Firefox 和 Chrome 版本。

Answer 1

如果您已经成功地使用 base64 字符串设置了背景图像数据，那么只需再次执行此操作即可使用 :hover with black and white data。