CSS et rollover (transparence indésirable)
Bonjour,
J'ai défini un CSS de 500 pixels de large dans lequel je mets une photo à droite (float : right)
J'y ajoute une texte qui va "s'enrouler" autour du texte (float: left).
but : Au passage de la souris sur la photo, une grande photo apparaisse par dessus le le tout.
J'ai trouvé une technique CSS qui permet au passage de la souris de faire apparaitre une image
voici le code tres simple à comprendre :
Code:
1 2 3 4 5 6 7 8 9
|
<div id="menu">
<ul>
<img src=petite_image.png>
<li>
<ul><img src=grande_image.png></ul>
</li>
</ul>
</div> |
et dans le css :
Code:
1 2 3 4 5 6 7 8
|
#menu ul li ul {
display:none; <------ on cache ce qui se trouve au niveau de <ul><li><ul>
}
#menu ul li:hover ul {
display:block; <------ on affiche ce qui se trouve au niveau de <ul><li>
} |
Prb : Quand je survole la petite image, la grande image apparait mais le texte est au dessus : Je ne sais/vois pas ce qui se passe ?
merci pour les conseils