I was trying to put something in my html which is located in a different area but has a high z-index so it should be on top. How does that work?
My example is something like this:
<div>
<div style="z-index: 7000"></div>
</div>
<div style = "z-index: 7050"></div>
I was thinking that z-index was only relavent to siblings in your DOM tree.
What do you all think about this?
This image sums it up nicely.
You can find a good article on how z-index property works within the stacking context here