I’m creating a parallax-scrolling site for my upcoming wedding. The site currently features three slides, each with its own background image. All three background images appear just fine in Safari and Firefox. Chrome, however, only displays the first two background images. The third background-image, “crystal_cave4.jpg” does not appear. Please help!
@theDoc is right, if you change background-image to background it works.
Apparently the div#slide4 background-attachment value is being inherited from the div.slide. So you can set the div#slide4 background-attachment to its default value “scroll”, and the image will be visible in the right place. I hope this helps.