Select en arrière plan

**Poutchou** · 27/04/2006, 10h50

Bonjour à tous !!

Je fais appel à vous car j'ai un problème pour l'affichage d'une "infobulle".
Quand je passe sur un lien je veux qu'une infobulle apparaisse. ça c'est bon ça marche. Le problème c'est que l'infobulle en s'affichant recouvre parfois un select avec liste déroulante.
Et là le select s'affiche sur mon infobulle, ce qui n'est pas très esthétique.

Voici la feuille de style qui permet l'affichage de l'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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<style type="text/css" >
 
a.info {
 
position: relative;
text-decoration: none;
color: red;
border-bottom: 1px gray dotted;
}
 
a.info span {
 
display: none; border:0
 
}
 
a.info:hover {
 
background: none; /* correction d'un bug IE */
 
}
 
a.info:hover img {
 
position: relative;
z-index: 100;
 
}
 
a.info:hover span {
 
display: block;
position: absolute;
z-index: 50;
top: 2em;
left: 6em;
text-decoration: none;
background: orange;
text-align: left;
color: white;
padding: 2px;
 
}
 
</style>

Je précise que ce problème se fait seulement sur IE mais pas sur Mozilla

**franculo_caoulene** · 27/04/2006, 10h54

Salut,

C'est un bug IE, c'est impossible. Les listes déroulantes seront toujours audess de tout. Il faut éventuellement les faire disparaître avec un display:none, mais c'est très laid et pas forcément pratique.

**Poutchou** · 27/04/2006, 10h58

merci de ta réponse !!
par contre un soucis qui se fait sous les deux navigateurs
quand je change
background: orange; par
background: red;
ça ne fonctionne pas. la couleur de l'arrière plan de l'infobulle ne change pas. j'ai essayé de le remplacer par sa valeur héxadécimale mais idem