android - 灰度过滤器在安卓手机默认浏览器中不起作用

标签 android html css svg

我已经使用下面的 css 在 ccs 中编写了图像的灰度

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

它在我的桌面浏览器中运行良好。但在我的 android 手机、平板电脑中,它在默认浏览器中不起作用。在火狐浏览器中工作。

最佳答案

关于android - 灰度过滤器在安卓手机默认浏览器中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24879244/

相关文章:

javascript - 为什么简单的幻灯片不起作用?

android - 从相机捕获的图像未显示在ImageView Android中

android - 写入数据库tomcat

html - 即使margin&padding值为0,Div仍具有右边距

html - 将col-md-2用于边栏 Bootstrap 4时col-md-10的全宽

javascript - 使用 Canvas 和 JavaScript 进行多边形表示的图像采样算法?

html - 如何从 Bootstrap 3 获取响应式网格?

html - 如何使绝对定位的元素在固定宽度容器内时占据全屏宽度?

java - Activity 运行时是否有触发事件?

android - 如何在 Activity 之间的转换完成时得到通知?