stefan: backgound-image bei Links

Beitrag lesen

Hallo,

verursacht beim drüberfahren einen kurzes Flackern, weil er das bild neu laden muss/will

Es gibt da einen Trick: Du packst beide Hintergrundbild in eine Graphik (neben- oder übereinander) und zeigst jeweils nur den gewünschten Ausschnitt. Damit muss das Bild nicht neu geladen werden (weil es ein und das selbe ist).

Bsp:

Das ist dein Bild:

+---------------+---------------+
| Abschnitt     | Abschnitt     |
| für :link     | für :hover    |
| und :visited  |               |
+---------------+---------------+
<--  100px   -->|

a:link,
a:visited{
background: url(bild.png) 0px 0px no-repeat;
}

a:hover{
background: url(bild.png) 100px 0px no-repeat;
}

In etwa so sollte es gehen. Genaueres zum technischen steht in Selfhtml >> CSS. Ach ja, und denk dran die Bild-Abschnitte auch genügend gross zu machen, damit bei Schriftgrössenveränderung nicht plötzlich der falsche Abschnitt ins Bild rückt.

viel Erfolg,
stefan