Javascript 可变亮度滤光片

我试图使用jQuery更改页面上某些图像的亮度过滤器css属性，但在控制台中出现以下错误：“分析“过滤器”的值时出错。声明已删除。”

以下是我正在使用的代码：

function changeBrightness() {
     $("#myImg").css({
     "filter"         : "brightness(50%)",
     "-webkit-filter" : "brightness(50%)",
     "-moz-filter"    : "brightness(50%)",
     "-o-filter"      : "brightness(50%)",
     "-ms-filter"     : "brightness(50%)"
     });
}

我还尝试了上述的其他格式，只是想看看是否有效，但它们产生了相同的错误：

function changeBrightness() {
     var brightness = "brightness(50%)";
     $("#myImg")
        .css("filter",brightness)
        .css("webkitFilter",brightness)
        .css("mozFilter",brightness)
        .css("oFilter",brightness)
        .css("msFilter",brightness);
}

我也尝试了这种通用格式，希望jQuery能够处理前缀：

function changeBrightness() {
     $("#myImg").css("filter", "brightness(50%)");
}

当我点击一个按钮时，会调用changeBrightness函数，它会将id为“myImg”的图像的亮度更改为50%。我正在使用Firefox24.7。CSS3的filter属性在firefox（或任何其他浏览器）中不起作用吗

CSS3的filter属性在firefox（或任何其他浏览器）中不起作用吗

:

这是一项实验技术

由于这项技术的规范还没有稳定下来，请检查是否有合适的前缀可在各种浏览器中使用。还请注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化

---

Firefox在全球范围内不支持它

退房

---

顺便说一句，这是检查此类内容的一个很好的资源。

根据MDN，

Gecko目前只实现过滤器属性的url（）形式。这可能很有用：这是一个基于。但是Firefox确实部分支持
url（）
形式的
filter
@showdev。考虑到
url（）
仅适用于Firefox 31，部分支持有点误导