Ionic transparent navbar header bar-- how to achieve it

ionic-v1
1

how to achieve this transparent nav bar effect in ionic using css or sass

image
1Screen.png750×1334 701 KB

2

You only need to Google it a bit: http://www.gajotres.net/creating-a-transparent-navbar-in-ionic-framework/

3

Hi i have seen it but how do i get the image under the bar , and also
followed your instruction , but it cause the android app to disable/cease scrolling , but ios is fine
here is the css
`.bar.bar-header {
background: rgba(0,0,0,.30);
border-bottom-width: 0;
}

.bar.bar-header h1 {
color: black !important;
}

.scroll-content {
overflow: visible !important;
}

.platform-ios.platform-cordova:not(.fullscreen) .has-header {
top:0px;
}/* Empty. Add your own CSS if you like */
`