trouble with background image + gradient, fixed.

[Nathan Gross]

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!

[waylaid]

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.

[Nathan Gross]

ah nice! thanks.

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

[waylaid]

No, I’m not that great with gradients…

[Author]

Posts