Wenn du was sagen möchtest, bitte mit vollständigen nachvollziehbaren Beispielen.
Beispiele? Sind doch überbewertet!
Ansonsten: (anscheinend) innerhalb eines Grid oder Flex „funktioniert“ z-index
. Aber: sie legen anscheinend einen Layer an. Also wenn die Kinder eines Grid/Flex selber Grid/Flex sind, überdecken sie (deren Kinder?) sich nur innerhalb ihres eigenen Elements gemäß z-index. Aber der z-index eines Geschwister-Elements interessiert sie nicht. Und wer oben, wer unten zu liegen kommt, wird durch die Reihenfolge im Quelltext bestimmt. Auch das Zuweisen eines z-index an die einzelnen Kind-Grid/Flex-Container ändert daran (jedenfalls in Safari und Firefox) nichts.
Lediglich dann, wenn das Überlagern der Kind-Elemente durch eine transition geschieht, liegen sie – vorübergehend und meist „flimmernd&zappelnd“ oben, tauchen aber beim Ende der transition sofort in die Höhe, welche die (vermuteten) Layer erzwingen..