Hallo,
zuerst allen meinen Dank.
Das Beispiel funktioniert.
Jetzt wollte ich aber das gleiche mit Bildern machen und siehe da, es funktioniert - ausser beim Internet Explorer.
Was muss ich ändern, damit es auch dort funktioniert, oder schafft es der IE überhaupt nicht?
Hier mein Beispiel:
<html>
<head>
<style type="text/css">
div#bild1 /* Grundeigenschaften (Anzeigeart, Größe) */
{ width: 94px; /* Bildgröße */
}
div#bild1 .normal /* Eigenschaften des "normal"-Textes */
{ display: block;
}
div#bild1:hover .normal /* Eigenschaften des "normal"-Textes beim Hovern */
{ display: none;
}
div#bild1 .invers /* Eigenschaften des "invers"-Textes */
{ display: none;
}
div#bild1:hover .invers /* Eigenschaften des "invers"-Textes beim Hovern */
{ display: block;
}
</style>
</head>
<body>
<div id="bild1">
<span class="normal"><img src="img1.jpg" alt=""></span>
<span class="invers"><img src="img2.jpg" alt=""></span>
</div>
</body>
</html>
Gruß
Gerhard