Issue with Fixed background position:relative

Design help General
1

Hi,

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.

Thanks,
Arthur

2

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

3

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

4

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

Learn how to do it here: Share a read-only link | Webflow University

5

@vincent https://preview.webflow.com/preview/nrly-clone?preview=372a4d85c6a13dd046e74cbc637e2fae 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:)

Thanks,
Arthur

6

Like this? Google Chrome – Tapes

7

Exactly… how was that achieved???

8

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.

10

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

Any thoughts?

Thanks,
Arthur

11

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

12

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