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.
Hi,
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!
The url is http://www.nateandlish.com
Thanks!
@natopia32 : I don't have a fix at the moment but just wanted to say that your site is super cute for them. Great job so far.
So weird, if I change it from
background-imageto justbackgroundit works fine.@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.