Z-index IE7

[ZpAz]

Ik heb een probleempje, IE7 gaat niet helemaal goed overweg met z-indexes volgens mij. Aangezien mijn 'popup' achter de blokken komt in plaats van er voor.

Voorbeeld IE7:


Voorbeeld FF:


Hier de CSS/HTML die ik gebruik:

code:

<li class="tooltip" onmouseout="hideTool(this)" onmouseover="showTool(this)">
<span class="hover" style="display: none;">
Hier de hover informatie
</span>
<a target="_blank" href="http://eenurl.nl/redirect/vip/1/">BCCMarkt</a>
</li>

code:

tooltip {
position:relative;
z-index: 1;
}

.tooltip .hover {
background:white;
border:1px solid #D3C5AF;
display:none;
left:0;
padding:7px;
position:absolute;
top:30px;
width:160px;
z-index:8;
}

Maar dit werkt dus niet, ik heb al zitten spelen met de z-indexes, maar dit gaf geen verbetering.

[TERW_DAN]

Je geeft een width mee, maar geen height. Gooi die er ook eens in en kijk wat hij dan doet. Dat heeft bij mij nog wel eens geholpen

[ZpAz]

Terw_Dan schreef op dinsdag 02 december 2008 @ 22:23:
Je geeft een width mee, maar geen height. Gooi die er ook eens in en kijk wat hij dan doet. Dat heeft bij mij nog wel eens geholpen

De reden dat er geen height is is omdat de inhoud variabel is. Dus als het zonder height kan.. graag

[TERW_DAN]

ZpAz schreef op dinsdag 02 december 2008 @ 22:40:
[...]


De reden dat er geen height is is omdat de inhoud variabel is. Dus als het zonder height kan.. graag

Daarvoor kun je toch prima 'height: auto' gebruiken, evt met een 'min-height'?

[ZpAz]

Dat helpt helaas ook niet.

[Tofu]

IE heeft helaas het probleem dat je enkel Z-indexen op parent objecten kan zetten. Zorg er dus voor dat tooltip zeker direct onder je body zit, of toch op zijn minst in de zelfde container (op hetzelfde niveau) als die waar je boven wil.

[crisp]

z-index is inderdaad verkeerd geimplementeerd in IE t/m 7: http://therealcrisp.xs4all.nl/ie7beta/css_zindex.html

[ZpAz]

Tofu schreef op dinsdag 02 december 2008 @ 22:50:
IE heeft helaas het probleem dat je enkel Z-indexen op parent objecten kan zetten. Zorg er dus voor dat tooltip zeker direct onder je body zit, of toch op zijn minst in de zelfde container (op hetzelfde niveau) als die waar je boven wil.

Ik volg het niet helemaal, zou je het nader willen uitleggen?