Streaming live at 10am (PST)

Issue with Fixed background position:relative


So I am encountering a problem whereby I can only set a background image to fixed if the position is auto. I am working with z-index so it is a little inconvenient.

If anyone knows how to fix this or a workaround that would be great.


What if you nest a div in another? The first get the position property, the nested the bg property…

Doesn’t work - the same problem happens… Is this the case for everyone or is it just me??

Can you please share your project’s public link so it’s easier to understand your issue?

Learn how to do it here:

@vincent is the link - I want the entire hero to remain fixed and the segments to move over it. (based on part of your sandbox I think :smile:)


Like this?

Exactly… how was that achieved???

I give you the tip at the end of the video. Each of the following sections have position:relative in order to activate their inherited z-index property. And of course the container of the text in the hero section is given position:fixed.

@vincent thats weird becuase it is working perfectly for you, for me it looks like this:

Any thoughts?


Hi @Arthur, it might just be me, but the video you have linked to will not open for me. Could you check that ? Cheers,

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.