Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations Backgrounds and Borders Background Properties

Posted by jaredcowan
jaredcowan
11,808 Points

Code not working in this CSS lesson

The fixed, scroll and local all do the same thing. The background never stays fixed. I even tried the "final" file that is provided. I have latest version of chrome running on Mavericks

1 Answer

Max Bailey
Max Bailey
8,245 Points
Max Bailey
Max Bailey
8,245 Points

Hi Jared,

Does your CSS look similar to this?

html {
    width:100%;
    height:100%;
    background:url('IMAGENAME.jpg') center center no-repeat fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

If not, I would try it out and see what you get. Just replace IMAGENAME.jpg with your image path. Let me know if this works out for you!