Hover effekt im div tag? geht das
Mr.XYZ
- css
0 Thomas Luethi0 MudGuard0 Ingo Turski
Hallo,
ich habe ein Problem, ich habe folgenden Quellcode:
<div class="HauptMenue" href="...." onMouseOver="..." id="..." style="...">...</div>
jetzt will ich diesen bereich mit einem Hover eine ander Hintergrundfarbe geben da habe ich folgendes:
div.HauptMenue:hover {background:#f4f4f4;}
Vielleicht sieht jemand den fehler vielleich geht das auch gar nicht,
wenn ja kann mir jemand sagen wie.
THX
Mr.xyz
Hallo,
jetzt will ich diesen bereich mit einem Hover eine ander Hintergrundfarbe geben da habe ich folgendes:
div.HauptMenue:hover {background:#f4f4f4;}
Vielleicht sieht jemand den fehler vielleich geht das auch gar nicht,
In Mozilla bzw. Netscape 7 sollte es funktionieren.
Der kann :hover bei allen Elementen - wie es im
CSS 2 Standard von 1998 beschrieben ist.
Der MS IE ist dazu bis heute unfaehig.
wenn ja kann mir jemand sagen wie.
Fuer kaputte Browser koenntest Du mit JS rumbasteln.
Du koenntest direkt die Hintergrundfarbe mit JS setzen.
Ich empfehle Dir aber, in CSS eine zweite Klasse zu definieren:
div.hm2 {background:#f4f4f4; color:#000000; }
und dann bei onMouseOver diese Klasse zu waehlen
(und bei onMouseOut wieder die urspruengliche):
<div class="HauptMenue" onmouseover="this.className='hm2'"
onmouseout="this.className='HauptMenue'">
Gruesse,
Thomas
Hi,
jetzt will ich diesen bereich mit einem Hover eine ander Hintergrundfarbe geben da habe ich folgendes:
div.HauptMenue:hover {background:#f4f4f4;}
Vielleicht sieht jemand den fehler vielleich geht das auch gar nicht,
wenn ja kann mir jemand sagen wie.
Der Fehler wird sein, daß Du einen unfähigen Browser benutzt.
Mozilla macht das anstandslos.
Der Internet Explorer kann sowas nicht.
cu,
Andreas
Hi,
<div class="HauptMenue" href="...." onMouseOver="..." id="..." style="...">...</div>
könnte es sein, daß Du hier ^ eigentlich ein <a>-Element einsetzen willst? Zudem Du dieses auch für den IE wie gewünscht formatieren kannst.
freundliche Grüße
Ingo