Ingo Turski: schon wieder: Image-Hover

Beitrag lesen

Hi,

Ja, allerdings kann CSS ein im Link enthaltenes <img> ausblenden.

was in diesem Fall auch eine gute Lösung darstellen könnte, die ohne IDs auskommt (und auch ohne style-Attribute, die ich hier nur als Beispiel angebracht hatte;-)

Also gesetzt den Fall, es gibt 9 unterschiedliche Linkgrafiken (z.B. pdf1 bis pdf9) und beim hovern soll jewels die gleiche Hovergrafik angezeigt werden:

<a class="pdfdownload"><img src="pdf1.gif" alt="Linktext 1" title="Erklärung zu Link 1" /></a>

.pdfdownload { background: url(images/pdf.gif); }
.pdfdownload:hover img { visibility:hidden; }

Abgesehen von der Einsparung der IDs hätte das noch die Vorteile, daß ein alt-Text zur Verfügung steht und die hover-Grafik nicht erst beim hovrn geladen werden muß.

freundliche Grüße
Ingo