过滤器CSS属性在Chrome中不起作用

Question

我正在使用滤镜CSS属性更改svg图像的背景。它在桌面浏览器上运行。但是，当我在手机上尝试操作时，它无法正常运行（Android Chrome）。 Chrome是最新的。

filter: invert(1);

链接到代码 https://github.com/jibin2706/blog.jibin.tech/blob/d532a3ae397385a2c7821532a18b053d0609627d/src/components/colors.scss#L100

结果 该属性将应用于页脚中的社交媒体图像。

https://blog.jibin.tech

Answer 1

尝试添加webkit的前缀

.class {
    -webkit-filter: invert(1);
    filter: invert(1);
}

我总是使用https://autoprefixer.github.io/查找某些CSS是否需要额外的供应商前缀