Discussion :

[nais_]

Hello à tod@s !

J'ai un petit soucis avec une info-bulle que j'ai créée : elle est transparente (enfin, on voit le texte de la page en arrière-plan ) alors que je voudrais qu'elle s'affiche par-dessus le texte de la page. (Pour mieux comprend ce que je vous raconte, je vous ai mis un aperçu en pièce jointe).

Voila le CSS pour créer une infobulle :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/* Info-bulles informatives */
a.information {
  color:#0066CC;
  position:relative;
}
a:hover.information {
  text-decoration: none; 
  background: none;
}
a.information span {display: none;}
a:hover.information span {
  display: block; 
  position: absolute;  
  top:-1em; 
  left:3em; 
  z-index: 20; 
  background: #9EBFE3; 
  font-family: Tahoma;
	font-size: 9pt;
  color: #FFFFFF; 
  border:1px solid #000000;
  width:35%; 
  text-align:left;
  padding:4px 4px;
}

Avant l'attribut 'display' de 'a:hover.information span' avait comme valeur 'inline' et ça me donnait le même résultat.
Est-ce que quelqu'un pourrait m'aider ?
Merci bcp par avance !