Discussion :

[Tri_17]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[E.Bzz]

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

A+

[Tri_17]

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

[E.Bzz]

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+

[Tri_17]

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?

[Tri_17]

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?