除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以外的瀏覽器中的過濾器鏈接

回答

相關問題