hover efekt: Bildertausch

[MudGuard]

Hi,

Man könnte allerdings für die Suchmaschinen und Blindenbrowser
ein spacer-gif mit alt- und ev. longdesc- Attribut einfügen.

Oder ein sinnvolles Element, welches dann ganz nebenbei auch von nicht-CSS-fähigen Browsern angezeigt wird.

Wie wärs damit:

Der Link enthält das normale Bild (inkl. alt-Attribut für die Textbrowser) und ist mit display:block und den Bildmaßen formatiert.

Bei :hover wird das Bild im Link auf display:none gesetzt und das :hover-Bild als Hintergrund in den Link eingesetzt.

Damit sind Textbrowser versorgt, CSS-unfähige Browser (da wird halt das hover-Bild nicht angezeigt) und CSS-fähige Browser (da sollte alles normal funktionieren).

Also so:

a:link, a:visited { line-height:91px; display:block; width:116px; height:91px; color:#000; }  
a img { border:none; }  
a:hover { background-image:url(ishover.png); color:black; }  
a:hover img { display:none; }

<a href="blablubb.html"><img src="nohover.png" alt="nohover"></a>

Firefox und Opera machens problemlos. IE kann ich grad nicht testen.

cu,
Andreas