-webkit BLUR NOT WORKING phonegap 3.3

时间:2014-04-03 18:37:02

标签: jquery css cordova webkit phonegap-build

Hy ...我正在尝试在android上的phonegap 3.3中的图像上创建模糊效果,它根本不会出现模糊效果,它只显示图片......它适用于波纹模拟器很好,但在手机上没有。

这是我的代码:

-webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -o-filter: blur(30px);
    -ms-filter: blur(30px);
    filter: blur(30px);

    -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.5s;

android上的phonegap 3.3不支持吗?如果不是我应该尝试什么,以达到我想要的效果?还有其他解决方法吗?

谢谢!

2 个答案:

答案 0 :(得分:0)

看起来CSS过滤器仅在Android浏览器4.4及更高版本中受支持,不确定用于渲染的手机差距3.3,但您可以在此处看到完整的兼容性图表http://caniuse.com/#search=css%20filter

答案 1 :(得分:0)

你可以尝试http://blurjs.com/?bg=3&fixed 所有需要支持的是canvas