Supportnet / Forum / Webseiten/HTML
CSS Hover Effeckt geht bei Firefox nicht
Frage
Hi,
ich habe ein NAv das bei hover eines divs den Hintergrund ändern soll.
Css Code :
[code]
.button {
width:117px;
height:70px;
background:transparent;
}
.button:hover {
width:117px;
height:70px;
background:url('img/hover.png') no-repeat;
}
[/code]
HTMl Code
[code]
<div class="button"><img src="template/img/button/1.png"></div>[/code]
Das Ding funktioniert in Opera und IE wunderbar nur in Firefox 2 + 3 net.
mfg
Fassy91
Antwort 1 von ForgetMe
Hi,
versuche doch mal folgendes:
.button:hover {
width:117px;
height:70px;
background-image:url('img/hover.png') no-repeat;
}
MFG Paul
versuche doch mal folgendes:
.button:hover {
width:117px;
height:70px;
background-image:url('img/hover.png') no-repeat;
}
MFG Paul
Antwort 2 von Fassy91
ne das bringt es nicht ich hab schon
probiert aber das geht auchnet
Ausserdem habe ich das ding gerade durch den Validator geschickt das ding ist valide (CSS 2.1)
.button:hover {
width:117px;
height:30px;
background-color:#000000;
}
probiert aber das geht auchnet
Ausserdem habe ich das ding gerade durch den Validator geschickt das ding ist valide (CSS 2.1)
Antwort 3 von son_quatsch
Ich kann dir aus Erfahrung sagen, dass ein :hover auf ein <span> beim FFOX und OPER klappt, aber wiederum beim MSIE nicht. Generell sind :hover eigentlich nur für <a> gedacht, alles andere ist theoretisch möglich aber mit höchster Vorsicht zu genießen.
Abhilfe schaff ich mir dadurch, indem ich per JavaScript im Falle des Falles die Mauseregnisse an die jeweiligen Elemente selbst anhänge, z.B.
Abhilfe schaff ich mir dadurch, indem ich per JavaScript im Falle des Falles die Mauseregnisse an die jeweiligen Elemente selbst anhänge, z.B.
element.onmouseover= function() { this.style.color= '#3090FF'; };
Antwort 4 von Fassy91
ich hab es gelöst bekommen.
Ich habe mal das HTML validieren lassen und ich habe ein paar fehler gefunden nun geht es.
Ich habe mal das HTML validieren lassen und ich habe ein paar fehler gefunden nun geht es.
Antwort 5 von katy
Hallo son_quatsch,
mit
:hover ist natürlich für alle (geeigneten) Tags da. Es gibt nur leider einen Browser, nämlich den Internet-Explorer, der das bis in die Version 6 nicht mitbekommen hat. Ab IE7 funktioniert das endlich wie vom W3C spezifiziert.
katy
mit
Zitat:
Generell sind :hover eigentlich nur für <a> gedacht
machst du - nimms mir nicht übel bitte - deinem Nick alle Ehre.Generell sind :hover eigentlich nur für <a> gedacht
:hover ist natürlich für alle (geeigneten) Tags da. Es gibt nur leider einen Browser, nämlich den Internet-Explorer, der das bis in die Version 6 nicht mitbekommen hat. Ab IE7 funktioniert das endlich wie vom W3C spezifiziert.
katy