Get a free trial // 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:

    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?


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

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed