hover funktioniert nicht

Also ich wollte ein Bild transparentieren und wenn man mit der maus drüber fährt, sollte das Bild zu 100% in farbe erscheinen. Ich habe folgenden code geschrieben, aber irgendwie funtkioniert das nicht. Und ich weiß nicht warum???!
Kann mir jmd. helefen??
[php]

test [/php]

Oder welchen code müsste ich schreiben, wenn ich ein Foto normal über einbinde und wenn ich mit der Maus rüber fahre, dass dann ein anderes Bild erscheint??
Ich hoffe ich kann mich verständlich ausdrücken ^^

Du machst ein Bild, in dem die beiden Zustände direkt nebeneinander abgebildet sind. In diesem Beispiel ist das Bild insgesamt 128x64px groß.

<a id="beispiel" href="beispiel.html">...</a>[code]#beispiel {
width:64px; /* Breite des Teilbildes /
height:64px; /
Höhe des Teilbildes /
display:block; /
Wichtig! */
float:left;
padding:0px;
border:0px;
font-size:0px;
background:url(beispiel.png) 0 0 no-repeat;
}

#beispiel:hover {
background-position:-64px 0; /* Verschiebt das Teilbild um 64px nach rechts */
}[/code]

aber dann habe ich sie ja nebeneinander… ich wollte ja quasi, dass das eine bild das andere ersetzt, durch den mouse over…

Aber soweit danke :slight_smile:

Anscheinend hast du mich falsch verstanden.

Du erstellst ein Bild in deinem Grafikprogramm, was zwei Teilbilder enthält, die nebeneinander angeordnet sind: normal und wenn es gehovert wird. Durch den obigen Code wird die Position des Gesamtbildes verändert. Falls dus mir nicht glaubst, schau mal auf meiner Website nach (Signatur). Dort werden die Bilder nach dem gleichen Prinzip gewechselt.

ahhhhh… dann habe ich das wirklich falsch verstanden gehabt. Ich werde es mal versuchen. Danke !!! :smiley:

P.S schöne Page;-)

Vielleicht ist auch das für dich noch interessant:
Bild-Hover-Effekt
Link-Buttons

Außerdem versteht zumindest der IE6 kein :hover auf anderen Tags als dem . Wie das mit neueren IEs ist, weiß ich nicht.

Und: wieso ist der style-Bereich im body und nicht im head? ;ugl