I am trying to get the dark background behind a dropdown menu after the user clicks on the item.
I have div block, fixed, 100% height and it works. But the issue is, I have as well nav fixed and few other elements and I don’t know how to bring it on top?
Hmm…So if I understand correct.
If this div block is fixed and with high index-z this means that all the clickable elements should be above it because even with 0% opacity it means it still exists there?
Haha I dont know what to do then. Because even if I will set nav above, I have other elements that will be affected by it while being below.
There is a way to set a different index-z during the interaction?
I am not sure if I understand the objective you are trying to achieve with this setup.
But you could utilize interactions that manipulate the opacity and display of the element, then you could have display: none and opacity at 0% to where you can click the elements beneath it and then when you want the overlay to show you can have it display: block (or fixed) and the opacity up to 100%.
Yes, that’s more or less what I was asking about.
Thanks a bunch and sorry for being so inconcrete, I am still not familiar with all the functionalities in webflow.