javascript - 在 Chrome 以外的浏览器中过滤链

Question

我最近发现了 Chrome 的 CSS 3 过滤选项，它允许我做一些我无法做的奇特的事情。但是，现在证明这与 Firefox 和 Opera 不太兼容(不知道 IE 和 Safari，因为在我的 Linux 机器上安装它们很麻烦)。我在网上搜索了一下，但找不到好的解决方法。我确实找到了一些针对单个过滤器的跨浏览器解决方法，但我确实需要在所有主要浏览器中进行以下工作:

   -webkit-filter: contrast(0.5) sepia(100%) invert(100%) hue-rotate(350deg) brightness(2.5);
   filter: contrast(0.5) sepia(100%) invert(100%) hue-rotate(350deg) brightness(2.5);

我可以使用可以执行此操作的 Javascript 库，但我也找不到类似的东西。有人对这个问题有任何想法吗？

Answer 1

这是对 CSS 过滤器的一个很好的解释。在“现代浏览器中的可用性”下，有更多关于浏览器兼容性的信息。根据该网站，您的代码应该可以工作。

http://www.html5rocks.com/en/tutorials/filters/understanding-css/