Addicted: IE 8 Tooltip verschwindes hinterm nächsten dokument

Beitrag lesen

SELF-Forum

IE 8 Tooltip verschwindes hinterm nächsten dokument

Addicted
– Informationen zu den Bewertungsregeln

Hallo zusammen, ich bin gerade bei für ein Spiel ein Talentplaner zu erstellen.
Im Firefox funktioniert soweit auch alles...

Doch die Probleme gehen im Internet Explorer los.
So verschwinden die Tooltips hinter der nächsten div-Box.
und was nicht ganz so wichtig ist der border:groove wirkt nicht wirklich

http://localhost/talentplaner/index.php?id=pri

  
#bg{margin-right:auto;margin-left:auto;position: relative;background-image:url(../img/kri/k.jpg);background-repeat:no-repeat; width:830px; height:480px;margin-top:20px;border:10px groove black}  
  
#skill2{position:absolute;background-color:black;top:130px;left:10px; width:30px; height:40px}  
  
#skill3{position:absolute;background-color:black;top:70px;left:70px; width:30px; height:40px}  
  
.tooltip {  
  display: none;  
  visibility:hidden;  
  z-index:10;  
  background-image:url(../img/tool.png);  
  border:1px solid white;  
  color:white;  
}

Mit Java andere ich dann das Display

  
function showWMTT(id) {  
 wmtt = document.getElementById(id);  
 wmtt.style.display = "block";  
}  
function hideWMTT() {  
wmtt.style.display = "none";  
}

der phhp aussschnitt

  
<div id="skill'.$j.'">  
<a onmouseover="showWMTT(',$j,')" onmouseout="hideWMTT()" href="javascript:void(0)" >  
<img src="img/zau/',$j;if($skills[$j]=="0"){echo'b';} echo'.png" width="30" height="30">  
<div id="',$j,'" class="tooltip">',$talente[$j][0],'</div>  
</a>  
  
</div>

Wie gesagt im Firefoxfunkioniert soweit alles was ich möchte!
Doch wirkt sich irgendwie das z-index im IE nicht aus, und habe auch noch keine richtige Losung gefunden um das zu beheben.

Von daher wäre es echt nice, wenn da jemand die Losung kennt außer die Tooltips im IE ganz wegzulassen xD

Beitrag melden
–
Informationen zu den Bewertungsregeln