I'm developing a cordova app and I'm trying to get a fixed background. Unfortunately, it doesn't seem to be working, and anytime I scroll down the background simply goes off the top of the page. Here's the CSS I'm using to do this (and I've tried it several other ways):
html {
width:100%;
height: 100%;
background-color:#000000;
background-image:url('../img/bg_reader.jpg');
/*background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;*/
background-size: 100% 100%;
}
No matter what, the background scrolls off the top of the screen when I scroll down as if the fixed property weren't set.
Have you tried this?
html, body { height: 100%; } html { overflow-y: hidden; } body { overflow-y: scroll; background-color:#000000; background-image:url('../img/bg_reader.jpg'); }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With