Home › Forums › Design › Background image height problem – not fitting to the screen › Reply To: Background image height problem – not fitting to the screen
January 12, 2018 at 5:49 am
#265295
JoTidman
Participant
I looked into this a bit more and tried this coding
<!–
html, body {
background: url("background image 1.jpg") no-repeat center center fixed;
-webkit-background-size: 100%;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
This displays fine on my PC screen in testing and does exactly what I want it to do.
I THINK the “webkit” part is how it displays on a phone, so I’m going to try various options as per this link below and see how I get on and update you all…
http://www.css3.info/preview/background-size/