• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

hover funktioniert nicht

Status
Für weitere Antworten geschlossen.
K

kady

Neues Mitglied
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: 
<html>
<head>
<title>test</title>
<meta name="author" content="Uni_2">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<style type="text/css">
<!--
.anibild{
-moz-opacity:0.4;
}
.anibild:hover{
-moz-opacity:1;
}
-->
</style>
<a href="adresse.html"> <img src="buntstifte.jpg" width="265" height="177" border="0" alt="" class="anibild"></a>
</body>
</html>
 
Oder welchen code müsste ich schreiben, wenn ich ein Foto normal über <img> 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ß.

Code: 
<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 */
}
 
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 :)
 
kady schrieb:
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 :)
Zum Vergrößern anklicken....
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 !!! :-D

P.S schöne Page;-)
 
Außerdem versteht zumindest der IE6 kein :hover auf anderen Tags als dem <a>. Wie das mit neueren IEs ist, weiß ich nicht.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben