Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Full Page Backgrounds on iOS (background-size: cover) Reply To: [Solved] Full Page Backgrounds on iOS (background-size: cover)

#186121
tom_ano
Participant

Found this solution/tuto that works like a charm.
https://ihatetomatoes.net/make-parallax-website-responsive/

Also note that background-attachment: fixed; was the line generating erros on IOS
so I keep the following standard:
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height: 100%;
width: 100%;
background-position: center center;
background-repeat: no-repeat;

and only do a media query for large screens:
@media only screen and (min-width: 768px) {
.bcg {

                    background-attachment: fixed;
                }
        }

Hope this helps someone.