Ergebnis 1 bis 2 von 2

Thema: ie problem mit position und z-index

  1. #1
    kay123
    Gast

    Standard ie problem mit position und z-index

    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!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von kay123 (03.06.2010 um 21:10 Uhr) Grund: code kommentar

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: ie problem mit position und z-index

    Dein Quellcode ist weit entfernt davon sauber zu sein. Abgesehen von dem unnötigen Tabellenkonstrukt platzierst Du Blockelemente wie div's innerhalb von Links. Damit kann kein Browser wirklich etwas sinnvolles anfangen.

    Hinterfrage erstmal was Du eigentlich erreichen willst. Brauchst Du wirklich so einen abstrusen Aufbau?

    Btw. <center> verwendet man auch nicht mehr.

Ähnliche Themen

  1. Problem mit position:absolute;
    Von minder im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 19.08.2009, 18:52
  2. Problem mit Textarea Position im Formular.
    Von VivaLosTioz im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.10.2007, 18:17
  3. Position / CSS und Overlay <--- Problem
    Von im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 03.09.2007, 20:51
  4. Problem mit position und float
    Von kwurzel im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.02.2006, 18:49
  5. Counter Position Problem
    Von Westi im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 18.10.2005, 16:28

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •