灰阶过滤器在Android手机的默认浏览器

Question

不工作我已经使用下面的CSS

img.grayscale { 
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 3.5+ */ 
filter: gray; /* IE6-9 */ 
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ 
} 

img.grayscale:hover { 
filter: none; 
-webkit-filter: grayscale(0%); 
} 

它是工作在我的桌面浏览器的罚款在CCS书面灰度的图像。但在我的Android手机中，平板电脑在默认浏览器中无法使用。在Firefox浏览器中工作。

Answer 1

参考此源https://github.com/GianlucaGuarini/jQuery.BlackAndWhite/blob/master/demo.html。它适用于所有设备。