Hallo Felix,
vielen Dank für diesen Vorschlag, er sieht wirklich unkompliziert aus.
was hindert Dich eigentlich an dieser Konstruktion?
<a href="xyz.html"><img src="mouseout.png" alt="guter Linktext" /></a>
Vielleicht kann man beim Hovern das Bild auf
visibility:hidden
und den Hintergrund wie bisher auf das gehoverte Bild setzen?
Leider funktioniert er aber anscheinend nicht so richtig. Nach Ausprobieren glaube ich, daß visibility:hidden
alles unsichtbar macht, auch das Hintergrundbild.
Oder ich hab mal wieder irgendwo nen Bug drin, den ich nicht sehe.... :
a {
display: block;
height: 60px;
width: 160px;
text-decoration: none;
outline: 0;
}
a#willkommen {
background-image:url("pics/language/mouseover/willkommen.gif");
} /* könnte man wahrscheinlich weglassen */
a#willkommen:hover {
visibility: hidden;
background-image: url("pics/language/mouseover/willkommen.gif");
}
<a href="deutsch/home.html" id="willkommen"><img src="pics/language/willkommen.gif" alt="Willkommen"></a>
Oh je, wenn ich das wirklich "auskochen" will, werd ich wahrscheinlich Ulrich's Lösung studieren müssen (vielen Dank übrigens, schrecke nur etwas vor der Komplexität zurück, reine Zeitfrage momentan)...
Gruß, Martin