I have a background for my website, and I have it centered and non-repeating, but how do i get it to zoom/fill someone pls help
Please clarify and show us a project (view) URL.
Just don’t let others join.
Try setting the background-size property to something large, like 500%
Oh. The background image is repeating because it isn’t big enough. You should try that or use a simple other design.
I don’t know about making the background response/zoom to fill though…
it would look really weird so the w3c decided to make it repeat haha
1 Like
Here is some code that completly covers the page and stays centered.
body {
background: url(background.png) no-repeat center center fixed;
background-size: 100%;
background-size: cover;
min-height: 100%;
margin: 0;
padding: 0;
}
2 Likes
I didn’t know that! cool
2 Likes
This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.