CSS-filter：Invert在Mozilla中不起作用[重复]答案

【问题标题】：CSS-filter: Invert does not work in mozilla [duplicate]CSS-filter：Invert在Mozilla中不起作用[重复]
【发布时间】：2014-10-01 07:55:58
【问题描述】：

标题描述了问题。这是我的代码

.img { 
    -webkit-filter: invert(100%);
    -o-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}

在 chrome 中运行良好，但 firefox 不显示反转颜色。

编辑浏览器版本：Firefox 29.0.1 && Chrome 36.0.1985.125

【问题讨论】：

您使用的是什么版本的浏览器？ developer.mozilla.org/en-US/docs/Web/CSS/…
@Jerodev 这个问题来自差不多一年前，同时它可能已经改变了。然而，根据这个网站，filter 仅部分支持，我猜 invert 还不是其中之一：caniuse.com/#feat=css-filters
我正在使用两种浏览器的最新版本 @BennoZeeman Firefox 29.0.1

标签： css google-chrome firefox css-filters

【解决方案1】：

根据CanIUse，Firefox 从第 30 版开始部分支持。

并根据MDN：

过滤器的功能值默认禁用并由layout.css.filters.enabled首选项控制。

在 Firefox 34 之前，Gecko 只实现了 filter 属性的 url() 形式；由于当时没有实现链接，因此只允许使用一个 url()（或者当 layout.css.filters.enabled 首选项设置为 false 时）。

更新：

在您的帖子编辑中，您提到 firefox 版本是 29。那么它肯定不支持我上面解释的 Filter CSS 属性。

【讨论】：