Comportement d'empilement (z-index) au niveau Parent/Enfant

Bonjour,

J'ai lu plusieurs articles que j'ai pu trouver sur le sujet, notamment celui d'Alsa fait pas Fvsch, mais je n'ai pas trouvé de réponse à ma question; alors voilà.

Je me demandais comment se comportait l'empilement z-index lorsqu'il est appliqué au niveau des Parents/Enfants.

Par exemple:

<div id="parent">
  <div id="enfant"></div>
</div>

Dans un tel cas, s'il est spécifié le code css suivant:

div{
  position: relative;
  z-index: 20;
}
div > div{
  z-index: 10;
}

Est-il possible que l'enfant apparaisse sous son parent ? À date, avec quelques expérimentations, je crois que non; mais si quiconque a un complément de réponse, je suis évidemment preneur !

Vaxilart a écrit :
Bonjour,

...


Est-il possible que l'enfant apparaisse sous son parent ?

Non en principe (même si quelques navigateurs acceptent ou acceptaient des valeurs negatives pour le z-index).

Dans ton exemple, le parent direct positioné sert de reference de positionement.

le parent avec un z-index de 20 aura un poids de 20 sur la page.
l'enfant avec un z-index de 10 aura un poid de 10 dans le parent, et 30 sur la page.
cordialement,
GC