Grow your CSS skills. Land your dream job.

Chrome doesn’t display background image

  • # February 7, 2013 at 9:37 pm

    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!

    # February 7, 2013 at 10:09 pm

    @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.

    # February 7, 2013 at 10:15 pm

    So weird, if I change it from `background-image` to just `background` it works fine.

    # February 7, 2013 at 11:11 pm

    @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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".