Page 1 of 1
Auto-size Background Picture
Posted: Fri Mar 28, 2014 3:52 pm
by Davyen Nelson
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.
Auto-size Background Picture
Posted: Fri Mar 28, 2014 5:58 pm
by Nikita
Auto-size Background Picture
Posted: Fri Mar 28, 2014 6:08 pm
by Davyen Nelson
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
Auto-size Background Picture
Posted: Mon Mar 31, 2014 2:10 pm
by Kateryna Grynko
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?
Auto-size Background Picture
Posted: Mon Mar 31, 2014 7:44 pm
by Davyen Nelson
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.
Auto-size Background Picture
Posted: Tue Apr 01, 2014 5:52 am
by Nikita
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.