Mobile Safari上的webkit過濾器？

Question

在我看來，我記得在Mobile Safari中看到過webkit過濾器，但我遇到了麻煩。此CSS代碼在我的桌面瀏覽器中顯示正常，但在我的iPhone上不顯示。任何線索？我在iOS v6上。

我正在做的是通過jQuery添加/刪除類。

.redtint { 
    -webkit-filter: saturate(15) hue-rotate(330deg) brightness(110%); 
    -moz-filter: saturate(5) hue-rotate(330deg) grayscale(110%); 
} 

當我看着我的桌面元素它顯示redtint與WebKit的設置，但是當我看着他們在我的手機（使用Adobe邊緣檢查），redtint是空白。

Answer 1

事實證明，Chrome和Mobile Safari之間亮度過濾器的解釋存在差異。

我主要是在Chrome的桌面上進行測試。如果我使用100％作爲基線值（亮度沒有變化），一切正常，80％較暗，120％較輕。

移動Safari使用0％的基線沒有變化，與-20％爲更暗，20％爲更亮。

我的web應用程序僅適用於iPhone手機，所以我不會有耍着解決方法。