灰度CSS不工作在Android

我在這裏工作的phonegap應用程序我想灰度的應用程序的所有頁面的灰度，所以我嘗試應用此CSS在身體上。它不適用於android，但它適用於iOS之後，我也嘗試應用於一個元素，但它再次無法正常工作。請你能幫助我走出這個問題的灰度CSS不工作在Android

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%);

來源

2014-08-29 user2075328

Android的<4.4和CSS濾鏡是有問題的，請參閱http://caniuse.com/#feat=css-filters – mentat 2014-08-29 08:38:53

試試這個

 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 */

來源

2014-08-29 08:10:47

喜阿布舍克它不是針對Android工作，你可以給我一個例子 – user2075328 2014-08-29 08:55:41

試試這個

IMG {

fil ter：灰度（100％）;
-webkit-filter：灰度（100％）;

}

來源

2016-08-11 15:00:54

灰度CSS不工作在Android

回答

相關問題