我正在尝试为模态窗口后面的图层应用模糊效果,它在webapp,iOS上正常工作但在Android上失败.我知道Android刚开始支持4.2我相信的css过滤器.
.blurred {
margin: -5px -10px;
-webkit-filter: blur(2px);
filter: blur(10px);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
我尝试使用Chrome检查器应用其他过滤器并且它们工作(如灰度),也尝试将模糊应用于页面上的其他元素但没有成功.
这是实施中的一个错误,模糊不起作用或我错过了什么?
奇怪的是,Modernizr将cssfilters类添加到html中,因此它检测到用户代理能够显示它们.也许它只测试灰度或类似的东西,因为Modernizr测试返回true – 只是一个侧面说明.
对于任何反馈,我们都表示感谢.
解决方法:
http://caniuse.com/css-filters
查看“Android浏览器”列.这代表了Android浏览器以及WebView中使用的浏览器技术,该技术由Phonegap / Cordova实例化.您似乎需要Android 4.4才能获得常规过滤器支持.
原文地址:https://codeday.me/bug/20190715/1467389.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。