Davyen Nelson
Posts: 0
Joined: Tue Mar 25, 2014 7:18 pm

Auto-size Background Picture

I want to have a transparent footer so that you just see the background. Well I notice that when I scroll down that its just white after a while. Is there away that I can get rid of this? I want to have stuff on my page, but also not have a white bar after so long of scrolling.

This is what I'm talking about.

Image

Nikita
Posts: 0
Joined: Fri Feb 28, 2014 4:02 pm

Auto-size Background Picture

Hello,

Please look at this link:
https://getsatisfaction.com/apperyio/...

Davyen Nelson
Posts: 0
Joined: Tue Mar 25, 2014 7:18 pm

Auto-size Background Picture

Ok I did that but do you see how it's white? When I scroll down why is it white and not the background? It's as off the picture cuts off. Is there away to stop this

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Auto-size Background Picture

Hi Davyen,

Could you please clarify something?
1) Do you use navbar with images added to its buttons?
2) Are your images transparent? What format do you use?
3) Is this navbar transparent but gets white in the very bottom of the page?

Davyen Nelson
Posts: 0
Joined: Tue Mar 25, 2014 7:18 pm

Auto-size Background Picture

1) Yes I do use images for the buttons
2) No the images are not transparent.
3) The navbar is transparent and yes when i scroll down I get a white bar like the in the picture at the very bottom.

Nikita
Posts: 0
Joined: Fri Feb 28, 2014 4:02 pm

Auto-size Background Picture

Hello,

Maybe background image just ends at the page bottom. Let's try this CSS:
[data-role=content]{
background-image: url(http://example.com/bg.png);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
If it doesn't help, you should provide a public link to your app.

Return to “Issues”