我正在处理 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%);
最佳答案
试试这个
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 */
关于javascript - 灰度 css 不适用于 android,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25563633/