Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Fassy91 vom 23.05.2020, 12:25 Options

CSS Hover Effeckt geht bei Firefox nicht

Hi,

ich habe ein NAv das bei hover eines divs den Hintergrund ändern soll.

Css Code :


.button {
 width:117px;
 height:70px;
 background:transparent;
}

.button:hover {
 width:117px;
height:70px;
background:url('img/hover.png') no-repeat;
}

HTMl Code


<div class="button"><img src="template/img/button/1.png"></div>

Das Ding funktioniert in Opera und IE wunderbar nur in Firefox 2 + 3 net.

mfg
Fassy91

Antwort schreiben

Antwort 1 von ForgetMe vom 23.05.2020, 12:44 Options

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 vom 23.05.2020, 12:59 Options

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 vom 23.05.2020, 13:42 Options

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 vom 23.05.2020, 14:00 Options

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 vom 23.05.2020, 21:26 Options

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

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken