如果css无法处理图像，jQuery将采取回退措施

在我的web应用程序中，我需要对一些图片进行去饱和/灰度处理。我正在使用以下CSS来实现这一点：

.grayscale{
过滤器：灰度（100%）；/*当前标准草案*/
-webkit过滤器：灰度（100%）；/*新webkit*/
-moz滤波器：灰度（100%）；
-ms过滤器：灰度（100%）；
-o-filter：灰度（100%）；/*Gecko、Opera或IE尚不支持*/
过滤器：灰色；/*IE6-9*/
-webkit过滤器：灰度（100%）；/*Chrome 19+、Safari 6+、Safari 6+iOS*/
过滤器：url（“数据：图像/svg+xml；utf8，#灰度”）；/*Firefox 3.5+*/
-webkit过滤器：灰度（1）；/*旧webkit*/
}

---

这涵盖了一系列广泛的浏览器。问题是一些较老的版本，如Safari 5没有受到影响。我知道有些jQuery库（如Pixastic）确实支持那些较旧的浏览器，但我希望使用尽可能少的jQuery来尽可能快地加载页面。因此，我的问题是：是否可以检查图像是否灰度化，如果不是，请使用Pixastic之类的jQuery插件来检查？

您可以使用modernizr检测css过滤器：

可能重复的--不同的问题，但解决方案相同。谢谢。我做的几次测试表明，现代化正在发挥作用