mit hover bilder Tauschen ?

[molily]

Hallo,

CSS kennt die <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm@title=Pseudoklasse :hover>. Wenn ein Element diesen Status hat, kannst du es bzw. verwandte Elemente formatieren. Das kann z.B. zum Einblenden von Kindelementen genutzt werden, die standardmäßig ausgeblendet sind:

<div class="einElement">  
  Hey!  
  <div class="einKindelement">  
    Ho!  
  </div>  
</div>

.einElement .einKindelement { display: none; }  
.einElement:hover .einKindelement { display: block; }

display ist natürlich nur eine Eigenschaft, die geändert werden kann. Du kannst auch z.B. background-image setzen/ändern, falls du beim Hover ein Bild anzeigen willst.

CSS kann im Gegensatz zu JavaScript nicht gänzlich andere Elemente formatieren, wenn bei einem Element ein Hover passiert. Hier ist man auf die Möglichkeiten der Selektoren beschränkt. Das zu formatierende Element muss ein Kind, ein Nachfahre oder ein Geschwister sein. Im obigen Beispiel ist es ein Kind (genutzt wird der Nachfahrens-Kombinator).

http://wiki.selfhtml.org/wiki/CSS/Selektoren

Mathias