Grow your CSS skills. Land your dream job.

trouble with background image + gradient, fixed.

  • # June 27, 2013 at 11:35 am

    I’ve created a codepen:
    http://codepen.io/nathangross/pen/JGDiq

    I’m having trouble getting the gradient to be fixed along with the background image. The gradient is applied with a pseudo element. I’m using:

    background-attachment: fixed;

    But it doesn’t seem to be working. Any ideas?

    Thanks!

    # June 27, 2013 at 11:40 am

    Make the pseudo element **position:fixed** as well instead of absolute.

    Removing **background-attachment** doesn’t seem to do any harm but I only checked in Chrome.

    # June 27, 2013 at 11:46 am

    ah nice! thanks.

    I checked in FF and it works, but that gradient is kinda whack. It’s really small. Any ideas?

    # June 27, 2013 at 12:25 pm

    No, I’m not that great with gradients…

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