Info-bulle est caché derrière les contrôles dans IE6!

Question

Lorsque vous passez la souris sur une étiquette particulière de mon application Web, l'info-bulle à afficher est masquée derrière le contrôle adjacent, ce qui réduit la visibilité. Cela fonctionne dans IE7 et Firefox correctement, mais pas dans IE6.Toute solution possible à ce problème?

Merci, Geetha

Answer 1

Essayez de régler la position relative/absolue (est-ce est pas déjà), puis définir explicitement l'index z pour chaque commande

Answer 2

Ceci est une « caractéristique » ennuyeux de IE6 pour se déplacer. Ce que j'ai fait dans le passé est de placer un iframe directement derrière l'info-bulle exactement au même endroit et à la même taille de la pointe de l'outil.

Eg HTML:

<iframe id="iframeHint" runat="server" class="PopupHint"></iframe> 
<div runat="server" id="divHint" class="PopupHint"> 
    Tool tip text here. 
</div> 

Par exemple, CSS utilisé:

div.PopupHint 
{ 
    position: absolute; 
    width: 300px; 
    left: -1000px; 
    border: 1px solid #2F4F88; 
    padding: 2px 2px 2px 2px; 
    background-color: #E5ECF9; 
    color: #000000; 
    visibility: hidden; 
    z-index: 1001; 
} 

iframe.PopupHint 
{ 
    position: absolute; 
    width: 300px; 
    left: -1000px; 
    padding: 2px 2px 2px 2px; 
    visibility: hidden; 
    z-index: 1000; 
} 

Le javascript pour afficher la pointe positionnerait l'info-bulle iframe et div à la même position avec le z-index mettre à une valeur plus petite pour s'assurer qu'il est derrière le div de texte. L'iframe couvrira les autres contrôles dans IE6.