Hi!
ich habe eine "table" und da wir je td ein bild mit text ausgegeben. Soweit geht das. Nur soll dann über das bild mittels z-index und position noch ein symbolbild. das geht auch. Und wenn man mit der maus auf die bilder kommt wir ein verstecker text (visibility: hidden/visible) sichtbar. Und genau da hat der ie ein problem mit. Denn der visible-text ist immer hinter meinem bildern.
Wie bekomme ich es hin das der visible-text vor allen anderen sachen ist?
Code
<style type="text/css">
.verstecktertext:hover{
background-color: transparent;
}
.verstecktertext span{
position: absolute;
background: red ;
visibility: hidden;
}
.verstecktertext span img{
border-width: 0;
padding: 0px;
}
.verstecktertext:hover span{
visibility: visible;
left: 185px;
top:0;
z-index: 999;
}
</style>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="200" valign="top" align="center">
<div style="position:relative;left:0px;top:0px;">
<a href="#" class="verstecktertext">
<img src="bild.jpg"> <!--Hier das Bild-->
<span style="z-index:10;">
toller versteckter text <!--ist im ie hinder dem bild im nechsten td-->
</span>
<div style="position:absolute;left:136px;top:1px;">
<img src="symbol.jpg"> <!--Hier das Symbol-->
</div>
</a>
<center>mainbildtext</center>
</div>
</td>
<td width="200" valign="top" align="center">
<div style="position:relative;left:0px;top:0px;">
<a href="#" class="verstecktertext">
<img src="images/wappen.gif">
<span style="z-index:10;">
toller versteckter text
</span>
<div style="position:absolute;left:136px;top:1px;">
<img src="images/del.jpg">
</div>
</a>
<center>mainbildtext</center>
</div>
</td>
</tr>
</table>1000 Dank!