z-index et la position relative
Posté : 09 févr. 2008, 09:35
Bonjour,
Je me demandais si z-index était vraiment fiable ? Parce que avec position relative
j'ai une image qui passe sous une seconde image alors qu'elle devrait passer
au-dessus. J'ai 5 balises div avec des z-index de 1 à 5.
Le premier div doit passer au dessus de toutes les autres, c'est bien le cas
sauf pour la div 2. J'ai essayé toutes les combinaisons possibles ça marche pas.
Pour ce qui est du code php, il s'agit d'une boucle while qui affiche les résultats
d'une base de données.
DIV 1 (image) z-index 5 <- Zoom de l'image 2 au passage de la souris
DIV 2 (image2) z-index 4
DIV 3 (texte) z-index3
DIV 4 (texte) z-index 2
DIV 5 (texte) z-index 1
L'image zoom chevauchent bien les div 3, 4, et 5, mais passe toujours sous le div 2.
Par contre ça marche si j'échelonne ma boucle while avec break; sur la page
while(...){print "<div id='balise'></div>"; break; $row++}
while(...){print "<div id='balise2'></div>"; break; $row++}...
Mais ça alourdit pas mal le code PHP et cela m'oblige à utiliser plusieurs
balises div dans mon code CSS.
Existe-il une solution selon vous ? Thanks beaucoup a lot...
Edit: je pense qu'il n'existe pas de solution, dans ce cas précis
il s'agit d'une boucle while et les 5 div sont à l'intérieur.
La première balise dans le code html s'affichera toujours au dessus des autres.
Le z-index fonctionne bien sur la premiere balise mais seulement sur le premier résultat,
et des le second résultat ça ne fonctionne plus, car la premiere balise
repasse au dessus car elle est placée en premier.
Je ne vois pas d'autre solution que d'utiliser break;...
J'avais oublié de précisier que ça me fait la même chose sous FF et opéra.
Je me demandais si z-index était vraiment fiable ? Parce que avec position relative
j'ai une image qui passe sous une seconde image alors qu'elle devrait passer
au-dessus. J'ai 5 balises div avec des z-index de 1 à 5.
Le premier div doit passer au dessus de toutes les autres, c'est bien le cas
sauf pour la div 2. J'ai essayé toutes les combinaisons possibles ça marche pas.
Pour ce qui est du code php, il s'agit d'une boucle while qui affiche les résultats
d'une base de données.
DIV 1 (image) z-index 5 <- Zoom de l'image 2 au passage de la souris
DIV 2 (image2) z-index 4
DIV 3 (texte) z-index3
DIV 4 (texte) z-index 2
DIV 5 (texte) z-index 1
L'image zoom chevauchent bien les div 3, 4, et 5, mais passe toujours sous le div 2.
Par contre ça marche si j'échelonne ma boucle while avec break; sur la page
while(...){print "<div id='balise'></div>"; break; $row++}
while(...){print "<div id='balise2'></div>"; break; $row++}...
Mais ça alourdit pas mal le code PHP et cela m'oblige à utiliser plusieurs
balises div dans mon code CSS.
Existe-il une solution selon vous ? Thanks beaucoup a lot...
Edit: je pense qu'il n'existe pas de solution, dans ce cas précis
il s'agit d'une boucle while et les 5 div sont à l'intérieur.
La première balise dans le code html s'affichera toujours au dessus des autres.
Le z-index fonctionne bien sur la premiere balise mais seulement sur le premier résultat,
et des le second résultat ça ne fonctionne plus, car la premiere balise
repasse au dessus car elle est placée en premier.
Je ne vois pas d'autre solution que d'utiliser break;...
J'avais oublié de précisier que ça me fait la même chose sous FF et opéra.