如何使离子透明的导航条（离子导航条）？

Question

我正在使用Ionic sidemenu模板：ionic start myApp sidemenu

它使用一些有用的工具和默认配置生成一个示例项目。

我试图完成它以使标题栏（ion-nav-bar）透明。

以下是plunker：https://plnkr.co/edit/qM3YsJ?p=preview

默认使用（menu.html）

<ion-nav-bar class="bar-stable">

我一周前在Ionic论坛上问过这个问题 - https://forum.ionicframework.com/t/how-to-make-nav-bar-transparent/49250 - 我甚至设法找到了解决办法，但如果我只是让标题（导航）栏透明，那就容易多了。

以下是适用的codepen示例：http://codepen.io/Samurais/pen/dPRMKL

问题是 - 当我用1.0.0-beta.1替换为1.2.4时，它不再有效。

编辑：

很多人建议background-color: transparent !important - 显而易见 - 但由于许多基本元素，定位，translate3D，z-index ......这不是那么微不足道......我的意思是如果那是微不足道的，我现在可能已经弄清楚了。

很多人都建议隐藏导航栏，这正是我所做的：

  

我甚至设法找到了解决方法

但这是一种解决方法，因为我正在重新创建许多默认的原生元素，这些元素并不酷。

最后......编辑Plunker需要10秒钟。分叉它需要20秒，抓取URL并使用实际工作URL而不是一些未经测试的解决方案进行回复。

感谢您教我如何成为更好的沟通者。我认为这句话＆＃34;我想让导航栏透明＆＃34; 和上下文（链接，插件，替代解决方案，我在论坛上的帖子）明确表示，显然我需要提高沟通技巧。

Answer 1

更新了plnkr：https://plnkr.co/edit/qM3YsJ?p=preview

ion-content.has-header {
  top: 0;
}

.bar {
  background-color: transparent;
}

.bar-header {
  border-bottom-width: 0px;
}

（默认情况下支持透明类会更清晰）

Answer 2

这是我的CSS网站导航栏的css文件，我有这段代码。

.navbar-inverse{
    background-color:#202148;
    border-color: #202148;
    }

如果要使背景颜色透明，请使用：

background-color: transparent;

修改

我发现本教程讲的是离子导航栏。

http://pointdeveloper.com/ionic-change-side-menu-color/

检查出来。 希望这会有所帮助：）