javascript - 如何使 css 过滤器在 Firefox 中工作？

Question

我擅长 HTML5 和 CSS，但我以前从未使用过过滤器。所以我使用 Jquery 应用了一些过滤器，它们在 Chrome 上运行良好，但是当我尝试在 Firefox 中应用它们时没有任何反应。

J查询代码

$('#grayscale').click(function() {
    $('#uploadedPhoto').css('-webkit-filter', 'grayscale(100%)');   
});

$('#sepia').click(function() {
    $('#uploadedPhoto').css('-webkit-filter', 'sepia(100%)');   
});

这只是两个例子。我搜索过这个，发现 Firefox 还不支持简单的 filter: 语法，还有一些其他方法可以使用 URL 和 SVG。您能否提供示例或特定过滤器 URL 库的链接。对于这种 URL 方法，我是否必须像使用 Jquery 一样首先链接一些库？

谢谢

Answer 1

Firefox 不支持 CSS-Filter(还？)。
来源:http://css-tricks.com/almanac/properties/f/filter/#browser-support
编辑(回答新问题):我发现了一个 stackoverflow 帖子，讨论了 css 过滤器的替代方案以支持 firefox:What's the CSS Filter alternative for Firefox?