Bonjour j'ai un div qui vient se poser par dessus une image. Entant normal le div est transparent mais lorsque l'utilisateur passe la souris dessus je souhaite qu'il devienne remplis avec une couleur de fond.
 
Le soucis c'est que l'image du div du dessous apparait par dessus avec firefox.
 
Voici la page en question (qui marche avec IE et pas avec FF)
http://serveur.smamhost.com/portfolio/index.php
 
et voilà le code foireux:
 

et avec un z-index: -1 ca donne koi ?

en mettant le z-index:-1  sur test2 ça donne pareil

je pense que FF interprette le background color comme une couleur de fond et place le reste par dessus donc mon image avec

que FF interpretre le background-color comme une couleur de fond c normal puisque c justement une couleur de fond

sinon à priori tu passes par du JS pour faire ca, donc pour dépatouiller le truc tu peux lorsque la valeur de l'opacity arrive à 1 (ou à 100% pour IE) cacher l'image (display: none en CSS), et la faire le contraire sur le onmouseout.

Bon c plus un "patch" qu'une soluc'

EDIT : ca le fait plus ? tu as éditer ?

oui il fallais mettre une position:absolute, sinon apparement ça marche pas
 
 
maintenant le probleme c'est que la position absolute marche bien sur FF mais internet explorer ne la met pas au bon endrois....

essaye de placer ton image dans un div, j'avoue que je capte pas trop non plus
 
ceci dit, mooTools fait des trucs bizarres parfois (tu passes par mooTools pas vrai ? )

Résolu.
 
Passage en position absolute, suppression de la marge négative et le div qui cache est en premier avec un z-index2 sur le second.