bei mouseover erscheint statt bild ein text?

[Gunnar Bittersmann]

@@gabi:

nuqneH

normalerweise bedeutet mouseover ja auch Javascript, oder?

Ja. Aber der Effekt, um den es dir geht, bedeutet nicht notwendigerweise mouseover.

In CSS heißt das :hover. [CSS20 §5.11.3]

Bedenke auch, dass nicht alle Nutzer mit der Maus navigieren!

ich möchte gerne dass ich wenn ich mit der Maus über ein Bild fahre, nicht das Bild wechselt sondern sich dadrüber ein Text legt. Mehrere Bilder auf der Seite und somit mehrere Texte, immer indivduell festgelegt (vielleicht im span?)

Oder 'figcaption', wenn es denn die Bildunterschrift ist:

  
<figure>  
  <img src="…"/>  
  <figcaption>Lorem ipsum</figcaption>  
</figure>

ich möchte aber nicht dass der Text UNTER oder NEBEN dem Bild erscheint, sondern genau drüber... am besten mit weißem oder halbtransparent-weißem Hintergrund (siehe Beispiel-Link)

Dann formatierst du entsprechend:

figcaption  
{  
  background: rgba(255, 255, 255, 0.5);  
  bottom: 0;  
  display: none;  
  left: 0;  
  position: absolute;  
  right: 0;  
}

Damit sich die absolute Positionierung auf das Bild bezieht:

figure  
{  
  position: relative;  
}

Anzeigen:

figure:hover figcaption  
{  
  display: block;  
}

Qapla'