Bild-Hintergrund bei Hover-Effekt

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

ich habe ein Problemchen: Und zwar habe ich auf meiner HP die Links (a) mit CSS so gestaltet, daß beim Drüberhalten ein Hover-Effekt entsteht, der den Hintergrund verändert. Sieht toll aus *g*

Jetzt habe ich das Problem, daß ich das Logo meiner Seite (mit transparentem Hintergrund) ebenfalls verlinkt habe. Jetzt entsteht die unglückliche Situation, daß beim drüberhalten auf das Bild ebenfalls der Hintergrund verändert wird, was ziemlich blöd aussieht…

Der IE macht das zwar nicht, der Firefox jedoch schon!

Wie kann ich das unterbinden? Habe schon versucht mit img:hover den normalen Hintergrund zu verwenden, aber das funktioniert nicht :frowning:

Hat jemand eine Idee wie ich den a:hover-Effekt für Links mit Bildern unterbinden kann?

Gruß
Silberdrache

#2

Guten Morgen

Wie kann ich das unterbinden? Habe schon versucht mit
img:hover den normalen Hintergrund zu verwenden, aber das
funktioniert nicht :frowning:

Hat jemand eine Idee wie ich den a:hover-Effekt für Links mit
Bildern unterbinden kann?

Du musst Bereiche definieren (z.B. Navigation), und dann für diesen Bereich deine Tags, dann sind die anderen Bereichen von den Formatierungen nicht betroffen.

#navigation a {
background-color:#0099FF;
}
#navigation a:hover {
background-color:#33CC33;
}

Seite 1
Seite 2
Seite 3

Link zu Wer Weiss Was

Gruß Daniel

#3

Du musst Bereiche definieren (z.B. Navigation), und dann für
diesen Bereich deine Tags, dann sind die anderen Bereichen von
den Formatierungen nicht betroffen.

Stimmt, warum bin ich nicht selbst darauf gekommen? *g*

Danke für den Tip, habe es gelöst mit

#img:hover {
background-color:transparent;
}

Danke für den Denkanstoss!