Supportnet Computer
Planet of Tech

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

Antwort 2 von Fassy91

ne das bringt es nicht ich hab schon


.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.
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.

Antwort 5 von katy

Hallo son_quatsch,

mit
Zitat:
Generell sind :hover eigentlich nur für <a> gedacht
machst du - nimms mir nicht übel bitte - deinem Nick alle Ehre.
: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

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: