除Chrome以外的浏览器中的过滤器链接

我最近发现了Chrome的CSS 3过滤选项，它允许我做一些花哨的东西，否则我无法做到。然而，现在事实证明，这与Firefox和Opera并不完全兼容（不知道IE和Safari，因为在我的Linux机器上安装它们是一件麻烦事）。我在网上搜索了一下，但我找不到一个好的解决方法。我查找各个过滤器的一些跨浏览器的工作变通，但我真的需要在所有主要的浏览器了以下工作：除Chrome以外的浏览器中的过滤器链接

-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库，可以做到这一点，但我也不能找到这样的东西。有没有人有关于这个问题的任何想法？

来源

2014-09-04 rcijvat

您可能需要查看这个[** MDN对CSS过滤**]（https://developer.mozilla.org/en-US/docs/Web/CSS/filter）和本[ **答案**]（http://stackoverflow.com/questions/25092391/how-to-dim-an-image-keeping-transparency-untouched-with-css-or-js/25092894#25092894）我看了看成几个属性。 – 2014-09-04 11:09:58

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

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

来源

2014-09-04 09:40:29 gidomanders

感谢您的回复！不过，这篇文章说所有过滤器都只支持Chrome。它确实对-moz和-o前缀说了一句话，但对我来说这些都不起作用。我确实发现了FabricJS，但我更喜欢简单的东西。 – rcijvat 2014-09-04 10:02:00

除Chrome以外的浏览器中的过滤器链接

回答

相关问题