11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour, Bonsoir,

Je suis en train de créer comme un menu composé de 3 grandes zones, sur lesquelles le z-index de la partie en question se modifie lors d'un mouseover sur celle ci.

Mais comme vous pouvez vous même vous en rendre compte, le changement d'index ne change pas sur la partie de gauche, contrairement à celui du milieu. Et je ne vois vraiment pas la source du problème. Tout semble bien se passer d'après Firebug, la partie de gauche change bien d'index.

Si vous voyez quel est le problème, faites moi signe ! Merci d'avance !
Bonsoir,
J'ai l'impression de ne pas voir ton problème. En effet ton élément change de z-index et passe par dessus, chez moi en tout cas. Testé sur Chrome.
Tes éléments sont-ils positionnés ? Il ne me semble pas. Alsacréations : Comment fonctionne la propriété CSS z-index ?
J'ai plutôt l'impression que c'est ton display: block; qui est efficace.
Edit : Ton problème doit être lié au fait que ton bloc que droite n'a pas la propriété position: absolute;.

Edit 2 : J'ai testé en local, tes z-index et ton javascript ne servent à rien, j'ai supprimé tes onmouseover et onmouseout, rajouté dans le CSS : #galerie li:hover > div {display: block !important;} et ça marche. Par contre je ne sais pas pourquoi j'ai eu besoin de rajouter !important, une histoire de priorité des selecteurs qui m'échappe.
Modifié par Prince-Leto (18 Mar 2012 - 10:08)
C'était bien le position:absolute qui manquait. Merci beaucoup !

Sinon, je fais ça en js parce que je compte pas m'arrêter là. Je vais animer un peu plus le tout, genre les div titres vont apparaître du bas vers le haut, les cadres qui ont pas le focus vont rétrécir progressivement (pas brutalement), etc. Pour que tout cela soit un peu plus fluide et vivant.
D'ailleurs je vais surement revenir vers ce forum, car cela fait fort longtemps que je n'ai plus codé en javascript ...