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手机，所以我不会有耍着解决方法。