AngularJs iOS应用程序-关于背景模糊的弹出屏幕的建议

Question

我正在html / javascript / Css3中制作一个非本机iOS应用程序。 作为对特定事件的响应，我希望弹出一个菜单，向用户询问一个问题，他们可以在返回正常屏幕之前对其进行回答。 我希望弹出屏幕处于运行状态时，正常屏幕处于非活动状态且模糊。

是否有人对我可以看的东西有任何建议，或者有什么技术可以实现弹出屏幕以及不活动和背景模糊？ 我对此很陌生，因此不胜感激。 谢谢

Answer 1

如果将backgbround设置为HTML5画布，则可以使用CSS过滤器，只要框架支持它们即可：

http://updates.html5rocks.com/2011/12/CSS-Filter-Effects-Landing-in-WebKit

img {
  -webkit-filter: blur(10px);
}

也可以看看这里提到的库： http : //creativejs.com/2011/12/day-5-blur-that-c​​anvas/

他们还依赖于拥有HTML5画布，但不依赖于CSS过滤器。