Axel Richter: Ändern von a:hover-Eigenschaften per Javascript

Beitrag lesen

Hallo,

Ich habe per css ein Hintergrundbild auf ein A-Tag gelegt. Ebenfalls
ist eine Hintergrundfarbe für a:hover definiert. Nach der Neudefinition
des Hintergrundbildes per Javascript ist scheinbar die a:hover-
Hintergrundfarbe weg!? Gibt es eine Möglichkeit, aus Javascript die
a:hover-Hintergrundfarbe zu setzen?

Das wird nicht nötig sein. Wie ich annehme, änderst Du bei onmouseover im A-Element das Hintergrundbild mit

[Node].style.background = "url(bild.gif)";

Damit überschreibst Du aber alle anderen Hintergrundeigenschaften, also auch die Hintergrundfarbe, indem sie wieder auf die Standardwerte gesetzt werden. Die CSS-Eigenschaft background ist eine Zusammenfassung aller Hintergrundeigenschaften http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background.

Wenn Du aber wirklich _nur_ das Hintergrundbild änderst

[Node].style.backgroundImage = "url(bild.gif)";

dann sollte die Hintergrundfarbe unangetastet bleiben.

viele Grüße

Axel