Discussion :

[Retro_lover]

Bonjour,

Cela fait 2 jours que je me casse les dents sur ce probleme mais je n'arrive pas a trouver la solution.

J'ai une page avec l'effet accordeon qui fonctionne bien. J'integre au sein de cette accordeon une image qui peut etre visualisée via multibox.
Cela fonctionne parfaitement sous mozilla firefox 3 mais je rencontre un probleme avec ie 7;
L'image peut etre visualisée et l'accordeon fonctionne. Mais l'image reste en premier plan alors que lorsque l'accordeon repasse dessus elle devrait etre recouverte (ce comportement fonctionnement sous mozi).

J'ai pensé a une erreur de css mais cela ne vient pas de la. Le simple fait de supprimer la classe multibox associée a l'image permet de retrouver le comportement normal. Mais biensur le multibox ne fonctionne plus.

Je pense que le probleme doit se trouver dans le javascript du multibox. (multibox.js) mais n'étant pas bien doué en programmation, je seche.

Je met le fichier zip qui contient tous les fichiers nécessaires. Il suffit de le dézipper et de double cliquer sur index.html pour visualiser les effets.
Sous IE7 biensur car comme je l'ai dit précedemment sous mozilla cela fonctionne correctement.

Merci d'avance pour votre aide.

[le_chomeur]

Bonjour , tu as la réponse dans ta question :

J'ai pensé a une erreur de css mais cela ne vient pas de la. Le simple fait de supprimer la classe multibox associée a l'image permet de retrouver le comportement normal. Mais biensur le multibox ne fonctionne plus.

il s'agit très certainement d'un problème de z-index ...

[Retro_lover]

Merci pour ta réponse le_chomeur.
En effet, cela me semble une bonne piste mais je n'ai qu'une seule propriété z-index dans une fichiers css et c'est juste pour le container de l'image qui s'affiche apres avoir cliqué sur le lien.

Donc je ne vois pas bien ou cette propriété pourrait etre utilisé.

J'ajoute egalement une chose. Si je mets le javascript de la multibox avant l'accordéon, ce dernier ne fonctionne plus. Par contre si je le mets apres les 2 fonctionnes mais avec un probleme sous ie 7 (et tous les autres)

[le_chomeur]

sans voir le code source je ne peux pas trop t'en dire plus ...
regarde quel élément est positionné au dessous et affect lui un z-index supérieur

[Retro_lover]

En fait j'ai justement fait varié le Z-index sur l'élément qui pose probleme (l'image).

Ce qui se passe c'est que l'image passe en dessous du texte mais l'accordéon ne la cache toujours pas.

Dans mon premier message j'ai mis un zip avec tous les fichiers que j'utilise. Il suffit d'ouvrir le fichier index.html avec ie 7 pour voir le comportement.
Tu as également tout les codes nécessaires.

Je sais que ca peut demander du temps de trouver (moi meme je but dessus depuis 2 jours) mais n'étant pas très doué en prog je pense que tu auras bien plus de chance de trouver que moi.

Merci d'avance pour ton aide (si quelqu'un d'autre connait la solution également n'hésitez pas a repondre )