undisclosed desires
{ Membre }
Messages : 9
| Voilà, j'ai installé les infobulles sur ma page d'accueil, mais malheureusement, il y a une sorte de transparence, voilà une impression écran : - Spoiler:
Voilà mon CSS : - Code:
-
a.infobulle { position: relative; }
a.infobulle span { display: none; /* ceci masque l'infobulle */ } a.infobulle:hover { z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
} a.infobulle:hover span { display: inline; /* ceci affiche l'infobulle */ position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */ left: 15px;
background: floralwhite; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */ padding: 7px;
/* bordures de votre infobulle*/ border: 2px solid tan; -moz-border-radius: 8px; } J'espère que quelqu'un saura résoudre mon problème, merci à tous. |
Dernière édition par undisclosed desires le Ven 14 Jan 2011, 19:11, édité 1 fois | |
|
Invité Invité
| Salut, ce qui me semble bizarre, c'est que tu n'as rien mis pour que ton infobulle soit transparente. Peux-tu me dire ce que c'est ceci: - Code:
-
background: floralwhite; /* arrière-plan de l'infobulle */ ? | | |
|
undisclosed desires
{ Membre }
Messages : 9
| Bah oui, je sais :/ Le code vient du forum pourtant. Ça c'est la couleur de fond pour l'infobulle (: | | |
|
undisclosed desires
{ Membre }
Messages : 9
| Résolu | | |
|
L
{ Membre actif }
Messages : 867
| Je classe dans ce cas | | |
|