Absolute element inside fixed element does obey z-index

Asked Oct 22 '19 at 15:33

Active Oct 22 '19 at 15:39

Viewed 339 times

I have an absolute element inside of a fixed element. When another element further in the DOM is absolute with a negative margin to (sometimes) cover the above element, z-index does not have any effect: https://jsfiddle.net/esqg4aw2/42/

I thought z-index was supposed to override everything?

I know I could make them sibling elements to get around this, but this is being used as a drop-menu, so there needs to be a parent-child arrangement to inherit :hover

edited Oct 22 '19 at 15:39

Temani Afif

245,468
26
309
415

asked Oct 22 '19 at 15:33

Recovering Nerdaholic

you cannot, position:fixed create a stacking context so that element need to have a higher z-index. z-index of its child are irrelevant when it comes to *outside* elements – Temani Afif Oct 22 '19 at 15:38
@TemaniAfif OK, thanks. I guess I'll have to work around it by placing them as siblings. – Recovering Nerdaholic Oct 22 '19 at 15:46

Absolute element inside fixed element does obey z-index

0 Answers0