Hi, I an new to Ionic. So, I set up a background image for my app by adding the following css:
background: url(’…/img/NorthEnd.jpg’) no-repeat center;
This works fine.
Now, I want this to be the background for for almost all ionic components. For instance, I want to make the header and footers transparent ( 50% opacity) such that you can somewhat still see the background image set above. So far, I have tried adding transparent png pixel size image to .bar and .bar.bar-stable by adding:
Doesn’t seem to work, I keep getting the white background, I even tried setting the .bar and .bar-stable background to none using background:none; - that doesn’t work either.
Am I missing something basic here? All I want to do is have somewhat transparent header and footers laid on top of a background image that spans all of header, content and footer.
Here is an example of what I am trying to get at:
As you can see, the header and footers are transparent enough that you can see the grey circles in the background.
Thanks in advance!