Salut tout le monde.

Après avoir abandonner les backgrounds en css je vais essayer d'exposer mon problème plus clairement.

J'ai deux images placées les unes sur les autres, café et chocolat.

html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<li><a href="lien">café<img id="café" src="http://" /> <img id="chocolat" src="http://" /></a></li>

css

les images sont placées les unes sur les autres grace au css suivant.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
#café{position:absolute;top:25%; left:66%;}
#chocolat{position:absolute;top:25%;left:66%;}
En faisant

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
#chocolat{
display:none
}
Je n'affiche que l'image café

Ce que je n'arrive pas à faire c'est trouver la syntaxe (je ne sais même pas si elle existe) pour faire un truc du genre.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
li:hover{
display:#chocolat
}
Afin que l'image chocolat passe au dessus de l'image café.

J'espère que vous allez pouvoir m'aider ! merci à vous!