I have a parent container having 3 child elements, I want the Second Child element to be on top of other elements by using Position to Absolute and Z-index to almost 9999+
however, still content below it is visible.
as far as i understand, it is issue with “Stacking Context”
is anyone familiar with it?
A Quick loom Video: Content Overlaping issue in Webflow | Loom
Here is my site Read-Only: Webflow - Fint
Hi Pawsia,
Content below is visible because your Nav-children div’s background is set as transparent.
*This changes if you add any color or image background
*And/or you can also play with transparency, adding a Backdrop Filter to Blur:
I would personally recommend to change the children button style, as it becomes too much with the hero buttons, or you can add a bigger vertical, internal margin to the div.
Remember to set the parent element to relative, so the “absolute” would be based on this, instead of the body.
Cheers
