Logo hover vergeben ?

[BlackBoSs]

Hallo,

wie kann ich meinem Logo ein Hover Effekt geben ?
ich will bei meinem Logo bei mouseover auf ein anderes Bild hovern

Alle meine Versuche sind vergeblich.. Kann mir da bitte helfen?

Das ist mein Logo:
<a href="index.php?url=home"><img class="logo" src="../img/logo.png" alt="Smiley face" height="49" width="350"></a>

Habe es zuletzt hiermit probiert:
.logo a:hover{
background:url("http://www.littlefriends.at/img/logo_hover.png");
}


Lg

 

[lipsum media]

Ist schon ein bisschen älter, aber hilft dir vielleicht?

 

[Myhar]

Du kannst ein img-Element nicht mittels CSS per hover austauschen, dafür musst du das src-Attribut ändern. Du setzt einen Hintergrund für das a-Element bei hover, das darin definierte img-Element liegt aber immer über diesem Hintergrund. Lösung dafür: Das Logo auch mit CSS mittels background-image einbinden oder die SRC per JS ändern.
Für ein Logo empfiehlt sich, da es sowieso schon in svg vorliegen sollte, CSS direkt auf die svg-Pfade anzuwenden.