移动Safari上的webkit过滤器？

Question

在我看来，我记得看到webkit过滤器在Mobile Safari中工作，但我遇到了麻烦。这个CSS代码在我的桌面浏览器中显示得很好，但在我的iPhone上却没有。有线索吗？我在iOS v6上。

我所做的只是通过jQuery添加/删除类。

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

当我在桌面上查看我的元素时，它会显示带有webkit设置的redtint，但是当我在手机上查看它们时（使用Adobe Edge Inspect），redtint是空白的。

Answer 1

事实证明，Chrome和Mobile Safari之间的亮度过滤器的解释不同。

我主要是在Chrome桌面上测试。如果我使用100％的基线值（亮度没有变化），80％更暗，120％更轻，那么一切都很好。

Mobile Safari使用0％的基线进行无变化，其中-20％更暗，20％更亮。

我的网络应用程序仅适用于iPhone，因此我不必使用变通方法。