灰度CSS在Android上不起作用

Question

我正在這里的phonegap應用程序上工作，我正在嘗試對應用程序的所有頁面進行灰度處理，因此我嘗試將此CSS應用於身體。 它不適用於android，但在iOS上運行良好，此后，我也嘗試應用在一個元素上，但同樣無法正常工作。 請您能幫我擺脫這個問題嗎

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 */
    -webkit-filter: grayscale(100%);

Answer 1

嘗試這個

     filter: grayscale(100%); /* Current draft standard */

其他瀏覽器的過濾器是：

    -webkit-filter: grayscale(100%); /* New WebKit */    
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    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"); 
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */

Answer 2

試試這個

img {

濾鏡：灰度（100％）;
-webkit-filter：灰度（100％）;

}