Antipitch: Grafik rollover?

Beitrag lesen

Hi Chrie,

neben Gunnars Vorschlägen kannst du das auch bei Grafiken mit reinem CSS machen (kein Vorladen, Javascript eingeschaltet egal). Was du bisher als zwei Grafiken hast, legst du in ein Bild direkt untereinander (das Bild hat also die doppelte Höhe wie vorher). Dann diesen Code (Breite, Höhe und position bei hover natürlich an deine Grafik anpassen):

HTML:
<a href="#">link</a>

CSS:
a,
a:link,
a:visited {
  width: 100px;
  height:24px;
  text-decoration: none;
  display: block;
  text-indent: -9999px;
  background: url("link.jpg") 0 0 no-repeat;

a:hover {
  background: url("link.jpg") 0 -24px no-repeat;
  }

Gruß
Antipitch