【发布时间】：2014-05-03 22:11:50
【问题描述】：
除了使用 CSS 或 javascript 之外，还有没有更原生的解决方案使用 Phonegap 来创建 iOS7 模糊效果？
我以前从未使用过 Phonegap，我的应用需要模糊效果，我正在尝试决定是使用我的网络技能来创建这个应用还是聘请本地开发人员。
谢谢大家！
【问题讨论】：
标签： javascript css cordova
【发布时间】：2014-05-03 22:11:50
【问题描述】：
答案是，像往常一样，视情况而定。
CSS3 确实支持模糊，但与 iOS 7 使用的方式不同。这意味着可以创建 static 模糊（例如，在导航栏上），但是没有发现（最后我知道）启用 dynamic 模糊的好方法-- 如果试图模仿 iOS 7，这可能就是你想要的。
尽管将其作为解决方案提出来有点过分，但一种选择是简单地不实现模糊。您可以通过使用渐变来近似类似的东西（例如，75% 不透明到 100% 不透明）。根据您的需要，这可能就足够了。 （我第一次注意到这个是在这个网站上：https://mir.aculo.us/2013/09/16/how-to-create-a-web-app-that-looks-like-a-ios7-native-app-part-1/）
另一种选择是使用本机导航栏。它引入了自己的一组问题（例如：如何最好地将非本地视图转换与本地导航栏的转换同步），但是这意味着您还可以免费获得 iOS 7 在导航栏上的模糊.我有一个（非常 alpha）插件，在这里实现了这个（以及工具栏）：http://plugins.cordova.io/#/package/com.photokandy.nativecontrols
【讨论】：
-
感谢您的回答，Kerri，这支持了我的恐惧。您知道有什么方法可以使用 Javascript 对页面进行快照吗？这样我就可以把它放在内容上，模糊它，然后把透明元素放在它上面。
-
在我所知道的 移动浏览器上，有，但没有一个（或根本没有）可以正常工作。目前，我们只需要等待、近似或使用原生控件来处理我们需要模糊的部分。