Css 如何使离子导航栏（离子导航栏）透明？

我正在使用Ionic

侧菜单

模板：

Ionic启动myApp侧菜单

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

我试图实现的是使标题栏（

ion导航栏

）透明

这是普朗克： 默认情况下，它使用（

menu.html

）

一周前，我在爱奥尼亚论坛上问了这个问题——我甚至找到了一个解决办法，但如果我能让标题（导航）栏透明，那就容易多了

---

下面是一个代码笔示例：

问题是-当我用

1.0.0-beta.1

替换为

1.2.4

时，它就不再工作了

编辑： 很多人建议背景颜色：透明！重要的-显然-但由于许多基础元素、定位、translate3D、z-index等原因，它并不是那么简单。。。我的意思是，如果它是那么的琐碎，我现在可能已经弄明白了

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

我甚至找到了一个解决办法

但这是一个解决办法，因为我正在重新创建许多默认的、本机的元素，这并不酷

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

---

谢谢你教我如何成为更好的沟通者。我认为这句话“我想让导航栏透明”和上下文（链接、plunker、替代解决方案、我在论坛上的帖子）都很清楚，显然我需要提高我的沟通技巧。

这是我在HTML网站导航栏css文件中的代码

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

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

background-color: transparent;

编辑

我找到了这篇关于离子导航条的教程

看看吧。 希望这有帮助：）

更新的plnkr:

---

（默认情况下支持透明类会更干净）

您能编辑plunker吗？并在实践中演示它吗？@MichalStefanow就您的示例而言，我想您希望蓝色成为透明色？抱歉。请忽略我之前的评论，并链接到codepen。它应该是链接到plunker-关于链接到教程-设置颜色更容易-只需添加颜色。更难使其透明，因为下面有许多其他层、div和元素。。。

background-color: transparent;

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

.bar {
  background-color: transparent;
}

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