相关疑难解决方法(0)

是否有一种简单的方法来显示灰度的彩色位图HTML/CSS？

它不需要与IE兼容(我想它不会) - 如果它在FF3和/或Sf3中工作,这对我来说已经足够了.

我知道我可以用SVGCanvas和Canvas 来做这件事,但现在看起来好像很多工作.

有一个真正懒惰的人这样做的方法吗？

我在网上搜索了很多,但我找不到一个跨浏览器解决方案来淡化css背景图像到灰度和背面.

唯一可行的解​​决方案是应用CSS3过滤器灰度:

-webkit-filter: grayscale(100%);

但这适用于Chrome v.15 +和Safari v.6 +(你可以在这里看到:http://css3.bradshawenterprises.com/filters/ )

在线的许多页面都谈到了灰色元素的解决方案:

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */

(你可以在这里看到:http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html)

但实际上它似乎不适用于CSS背景图像,就像webkit过滤器那样.

是否有任何解决方案(可能使用jquery？)来破解在不太先进的浏览器上缺少对过滤器的支持？

我想知道是否有任何好的解决方案可用于将彩色图像转换为黑/白固态并允许它使用jQuery转换回鼠标上的彩色图像？

我尝试了一种如下所述的CSS方法:带有CSS的图像灰度和鼠标悬停时重新着色？,但我没有太多运气.

这是当前的网站:http://frixel.com/wp/ - 我试图在图库网格上创建效果.