javascript - 灰度 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 */