Z-index et IE7

Bonjour,
Intégrateur de mon état je n'arrive pas à résoudre un fichu pb de z-index sous IE7 (ie9 mode ie7) sur un site en cours de développement !
J'ai tenté de résoudre le pb en explicitant un z-index supérieur au parent mais bizarrement cela crée un nouveau pb sous firefox..

Si quelqu'un veut bien me donner un regard extérieur en jouant avec son firebug à cette adresse je lui en serais reconnaissant.

Merci par avance à vous.

Bonjour,

un outil : http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp
et quelques pistes :
- http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
- http://aplus.rs/lab/z-pos/ (je crois que c'est un ensemble de pages qui auparavant était sur fond noir, de mémoire).

Sinon en utilisant IE9 en mode IE7, tu risques de te prendre des bugs inexistants sur le vrai IE7. Mieux vaut une VM toute droit sortie de chez MS ...

Oui je vais devoir re-télécharger mes VM (crash HDD ^^) pour être sur de ne pas perdre mon temps.
Je me doutais bien que je ne déchainerai pas des foules de réponses avec mon z-index ^^ Qui a envie de se taper le code des autres sur ce genre de pb casse-pied au possible

Je vous tiens au courant pour fermer le topic dès que j'ai trouvé

Bonsoir,

Apparemment, tes images en png servant de fond ne passe pas.

L'option serait de déclarer une couleur de fond de façon classique (ex en rgb)
puis de d'ecraser cette regle avec une couleur en rgba avec une opacité a zero qui ne sera pas appliqué en mode quirk ou en mode IE7.

Cordialement,
GC

Je n'ai pas encore eu l'occasion d'en finir avec ce pb mais je n'utilise pas de PNG en fond tout est full css3. Par contre je n'ai pas précisé mais je parle du menu du haut en gris.

:), en effet en y regardant de plus prés il ne s'agit que de l'image de séparation.

La solution serait donc de reporter simplement la couleur de fond de #nav-1 aux <li> de premier niveau.
C'est en partie une histoire de sens d'affichage (ou d'empilement) des éléments qui se fait différemment dans les vielles versions de IE avec surtout un "haslayout" qui s'y trouve fortement malmener (float+position:relative;+background+zoom+ ... <= potion magique à la limite de faire planter un bon vieux IE6 )

Cordialement,
GC

Bon en fait j'ai rusé (c'est laid mais bon) j'ai collé ce sous menu plus haut encore sous le header ^^ et réduit le temps du -moz-transform pour l'animation.

Merci de votre aide à tous sur ce bout de truc tout moche (au moins pas de JS and co à débugguer ^^)