Hi! How’s everyone?
I have some questions that are lately happening in some of my projects, whenever I add an absolute element sometimes is “overlapping” or behind the other elements and messing everything as you can see in the image. Is there a way to solve this?
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi Joaco,
Absolute elements are positioned in relation to the nearest position: relative parent container, or the <body> if no relative parents exist, so they are positioning right where you’ve asked them to. You might be wanting something other than absolute?
As far as the z order, that will be dictated first by the order of the elements in the DOM, and then overridden by the z-index.
The best way to learn how all of these settings work is to use something like codepen and experiment with the CSS settings to work out the different positioning behaviors.
How can I change the DOM, so the white block is closer than the CMS items? I’m struggling with that. Thank you for your help!
I don’t have any idea what you’re trying to do.
Again, the best way to learn how all of these settings work is to use something like codepen and experiment with the CSS settings to work out the different positioning behaviors. Once you understand your element arrangement and CSS it’s pretty easy to replicate in the designer.
You’re a genius. I forgot to set a z index to all the elements. Thank you so much!
