Ionic 中的透明导航栏

【问题标题】：Transparent navigation bar in IonicIonic 中的透明导航栏
【发布时间】：2015-06-27 19:18:19
【问题描述】：

我的 Ionic 应用程序有一个带有透明标题的详细视图。将 CSS 类“bar-clear”应用于我的元素在桌面浏览器中以及在 Android 上运行应用程序时效果很好（参见结果 here）。

但在 iOS 8 上运行时，标题为白色且不透明（请参阅 here）。
知道为什么吗？

【问题讨论】：

标签： ios cordova ionic-framework ionic hybrid-mobile-app

【解决方案1】：

我做了一些研究，人们通过将 bar-light 设置为标题栏然后进行这些更改来使其工作：

    .bar.bar-light {
  background-color: rgba(255,255,255,.66) !important; /* or transparent, or background:none */
}
.scroll-content {
  overflow: visible !important;
}

看到这个游乐场：http://play.ionic.io/app/3cbf53eff565

建成后能用吗？不确定，但试一试，让我知道。

【讨论】：

是的！我可以在 iOS 模拟器上测试它并且它可以工作。溢出：在滚动内容上可见是关键。
我已经添加了<ion-content class="padding" style="background:blue"> 并且栏不透明...