On it, about 3/4 of the way down, I have a Div that is set to overflow: none; with a child div that is set to absolute position. It’s the one that has ‘Before’ in it.
I’ve looked around and I think I’m correct with my understanding of how that should behave semantically, but for the life of me I can’t get the overflow to cut off the content.
Any ideas? I want to do it with the before and after sections on the page, and both will have an absolute background image as well in the final design.
Ok, now lets see if I understand correct your question.
If I got it right, you want that background from this section would be fixed, but visible only when this section is in the screen view. Right?
Not quite. I can handle a fixed clipped background image, what I want is for the parent container to clip the contents of the child container. In this case, it’s text.
I’ve accomplished something similar in the past using z-indexes, but that gets out of hand quickly and I’d like to avoid the issues negative z-indexes cause to the webflow editor.
Unfortunately, I don’t think it is possible in the way you expect it.
When element got fixed position it become independent from it’s parent. An element with position: fixed; is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled.
