z-index et les balises <ul> <li>

Bonjour, voici mon problème que j'illustre avec un exemple simple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<ul><li>racine <ul> <li style="position:absolute;width:300px;top:400px;left:400px;background:red;z-index:1" id="li1">li 1 zindex 1 </ul> <ul> <li style="position:absolute;top:370px;left:340px;width:300px;background:red;z-index:1" id="li3">li 2 zindex 1 <ul> <li style="position:absolute;top:15px;left:25px;width:300px;background:cyan;z-index:-1000000" id="li4">sous-li1-du-li2 z-index:-1000000 </ul> </ul> </ul>

---

Normalement, l'élément qui a le z-index le moins élevé est affiché en arrière.
Cependant il semblerait que dans ce cas le <li> à l'intérieur du 2eme <li> soit affiché après le 1er <li> (ce qui est normal) mais avant le 2eme <li>. Or ce que je voudrais c'est que le <li> à l'intérieur du 2eme <li> soit affiché après les autres <li>. Quelqu'un pourrait m'aider svp? Merci.

Citation:

---

Normalement, l'élément qui a le z-index le moins élevé est affiché en arrière.
Cependant il semblerait que dans ce cas le <li> à l'intérieur du 2eme <li> soit affiché après le 1er <li> (ce qui est normal) mais avant le 2eme <li>. Or ce que je voudrais c'est que le <li> à l'intérieur du 2eme <li> soit affiché après les autres <li>.

---

Heu ... tu peux redire ça en faisant référence aux ID.
Parce que là, à part un grand dortoire, on voit pas grand'chose :aie:

A+

Normalement, l'élément qui a le z-index le moins élevé est affiché en arrière.
Cependant il semblerait que dans ce cas le <li id="li4"> soit affiché après le <li id="li3"> (ce qui est normal) mais avant <li id="li1">. Or ce que je voudrais c'est que le <li id="li4"> soit affiché après tous les autres <li>.

PS : il n'y a pas de id="li2" j'ai oublié de rectifier ça

Citation:

---

Envoyé par Tri_17

Cependant il semblerait que dans ce cas le <li id="li4"> soit affiché après le <li id="li3"> (ce qui est normal) mais avant <li id="li1">. Or ce que je voudrais c'est que le <li id="li4"> soit affiché après tous les autres <li>.

---

Ok !
Je pense pas que les valeurs < 0 passent.

En admettant que "après" = "au-dessous" et "avant" = "au-dessus"
Essaye avec li1 à 10
li3 à 10
et li4 à 5

A noter : avec des valeurs égales (ici 10), la superposition ne sera pas gérée entre li1 et li3 (EDIT : enfin, si, mais comme s'il n'y avait pas de z-index)

A+

Je viens d'essayer avec tes valeurs positives mais c'est encore pire. Maintenant le <li id="li4"> s'affiche par dessus les 2 autres <li> ce qui est totalement le contraire de ce que je veux. Une autre proposition?

Je vais reformuler mon problème.

On a 3 div : div1, div2 et div3. La div3 se trouve à l'intérieur de la div2. En mettant comme z-index 10 pour div1 et div2 et 5 pour div3, je remarque que div3 s'affiche par dessus div2 et div1. Pourtant z-index de div3 < z-index de div2
Quelqu'un aurait une explication svp?