透明导航栏在Ionic [英] Transparent navigation bar in Ionic

问题描述

我的Ionic应用程序有一个带有透明标题的详细视图。将CSS类bar-clear应用于我的元素在桌面浏览器和在Android上运行应用程序时（请参阅result here ）。

My Ionic application have a detail view with transparent header. Applying CSS class "bar-clear" to my element is doing the job just fine in desktop browsers and when running the app on Android (see result here).

但在iOS 8上运行时，标题是白色和不透明的（参见此处）。

任何想法为什么？

But when running on iOS 8 the header is white and opaque (see here).
Any idea why?

推荐答案

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

I did some research and people it got it working by setting bar-light to the header bar and then making these changes:

    .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

？不知道，但给它一个去，让我知道。

Will it work once built? not sure but give it a go and let me know.

这篇关于透明导航栏在Ionic的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！