css 筛选器-Firefox 的 CSS 过滤器替代方案是什么？

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

解决方案

其他浏览器中没有类似的功能。 我们能得到的最接近的方法是使用像 Canvas 这样的图形库并操作其中的图像css 筛选器，我们必须自己编写操作，并且它们需要 JavaScript。

“过滤器”是 IE 独有的功能 - 在任何其他浏览器中均不可用。

我不知道。 该过滤器仅适用于 IE，我认为其他浏览器没有类似的功能。

我们需要哪些具体用例？

也许我们几乎从未使用过大多数跨浏览器“过滤器”类型的功能。 仅靠 CSS 无法完成大部分工作。 例如，仅使用 CSS 很难跨浏览器反转图像。 我们必须有两个不同的图像副本（一个是倒置的），或者我们可以尝试使用 JavaScript 或以完全不同的方式进行操作，并且仅靠 CSS 没有简单的解决方案。

事实并非如此，希望永远不会。 这不是Web标准的CSS特性，原因是我们使用CSS来降级网页，而不是浏览器本身。 其他网页设计师和开发人员认为他们应该按照他们想要的方式设计我的浏览器，然后再这样做的三天。 这三天是我停止访问他们的页面的时候（我说这是后端网络专家）。

我们可以举一个具体的例子来说明我们想要做什么吗？ 我们可能会得到更少的“浏览器帮助”响应css 筛选器，而更多的是“尝试这些不同的事情？” 那类的东西。

通常，CSS 用于控制 HTML 内容的外观，而不是用于以微妙的方式添加效果或编辑图像。 我们正在尝试使用 javascript 来实现这一点，而面向行为的脚本可能不太适合我们正在尝试进行的调整（尽管类似的事情在 CSS/JStomfoolery 中是一个有趣且相当低效的尝试）。

我无法想象需要在客户端实时进行图像调整的情况。 我们可以在服务器端更改图像，并根据具体操作使用 CSS 或 Javascript 来引用更改后的版本。 ImageMagick 是一个优秀的大型命令行工具，可以实现我们需要的所有图像效果，但可以单独使用或以我们选择的服务器端语言轻松使用。 或者，如果我们使用 PHP，我相信 PHP 的 GD 库特别受欢迎。

请查看 Nihilogic Javascript 图像修复库：

在CVI项目中我们还可以发现很多其他的疗效：

祝你好运

SVG 中有一些像 GaussianBlur 等滤镜，除 IE 之外的大多数浏览器都支持。

这里纯粹是一个思想实验，我们可以使用 javascript 将图像动态包装在 SVG 对象中，并尝试对其应用过滤器。

我怀疑这是否适用于背景图像，尽管可能需要很多巧妙的定位。

这不太可能是一个现实的解决方案。 如果我们不想永久更改源图像，Rudi 提供了最佳解决方案，使用服务器端工具动态应用转换（或缓存以提高性能）将是最佳的跨浏览器解决方案。

SVG 过滤器应用于 HTML 内容。

仅适用于 Firefox 3.1 及更高版本，尽管我觉得 Safari 也在朝着相同的方向发展。