小编akl*_*ikk的帖子

Css滤镜模糊功能在Cordova app,Android 4.4.2,Nexus 4中无法使用

我正在尝试为模态窗口后面的图层应用模糊效果,它在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;
}
Run Code Online (Sandbox Code Playgroud)

我尝试使用Chrome检查器应用其他过滤器并且它们工作(如灰度),也尝试将模糊应用于页面上的其他元素但没有成功.

这是实施中的一个错误,模糊不起作用或我错过了什么?

奇怪的是,Modernizr将cssfilters类添加到html中,因此它检测到用户代理能够显示它们.也许它只测试灰度或类似的东西,因为Modernizr测试返回true - 只是一个侧面说明.

对于任何反馈,我们都表示感谢.

android webkit css3 cordova css-filters

3
推荐指数
1
解决办法
4227
查看次数

标签 统计

android ×1

cordova ×1

css-filters ×1

css3 ×1

webkit ×1