zIndex

Jump to bottom

wangb edited this page Jun 5, 2018 · 2 revisions

work for non-static positioned element.
some situations overlap can happen

negative margin
position: absolute

positioned elements always appear above static elements.
if an element B sits on top of element A, a child element of A can never be higher than B (older version IE sucks)
The main point about stacking contexts is that z-index can be used to rearrange the stacking order of elements only inside their own stacking context (reason of 4).

https://css-tricks.com/almanac/properties/z/z-index/