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!

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

Davis Rousseau
Davis Rousseau
6,670 Points
Posted by Davis Rousseau
Davis Rousseau
6,670 Points

Background image in chrome not working?

Not sure why but my background image only show in chrome only when I scroll the page.

http://www.davisrousseau.com/work/davisrousseau/

Garrett Sanderson
Garrett Sanderson
12,735 Points
Garrett Sanderson
Garrett Sanderson
12,735 Points

Hi Davis, I am seeing the background image on both Chrome and Firefox

Davis Rousseau
Davis Rousseau
6,670 Points
Davis Rousseau
Davis Rousseau
6,670 Points

Works in both but in chrome it only loads when I scroll. When you first get to the page don't touch anything you'll see what I mean.

3 Answers

Hugo Paz
Hugo Paz
15,622 Points
Hugo Paz
Hugo Paz
15,622 Points

Hi Davis,

Try removing the z-index from your .overlay.

I just tried it on chrome and fixes the issue.

Davis Rousseau
Davis Rousseau
6,670 Points
Davis Rousseau
Davis Rousseau
6,670 Points

Thanks but that's not working for me.

Davis Rousseau
Davis Rousseau
6,670 Points
Davis Rousseau
Davis Rousseau
6,670 Points

It the negative z-index that's causing this.