Responsive background
Feb 23, 2017 · 1 min read
The website’s background would was short and needed to cover the entire page. It also needed to be stationary as the page is scrolled. The code below fixed the problem.
html {
background:#222 url(‘./img/backgroundHTML.png’) top center fixed; /*fixed = never stroll with the page */
overflow-y: scroll; /* sets the scroll bar to always be displayed */
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size: 100%; /* always visible */
height: 500px;
}
