Thomas Luethi: Hover effekt im div tag? geht das

Beitrag lesen

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

--
Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/