灰階過濾器在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。它適用於所有設備。