Rollover für Tabellen-Zelle?

[mhribernik]

Nabend.

Ich komme gleich zur Sache:

Wie kann man einer Tabellen-Zelle einen hover Effekt verleihen? Also wenn man mit dem Mauszeiger drüberfährt, soll es die Farbe verändern.

Geht das?

Danke im voraus.

 

[Maik]

In den non-IE Browsers FireFox, Mozilla, Netscape, Opera funktioniert:

td { background: #ff0000; }
td:hover { background: #ffff00; }

Für den IE benötigst du entweder 'blinde' Links (a:hover) innerhalb der Tabellenzellen, oder JavaScript, um zwei CSS-Klassen beim Überfahren der Tabellenzellen zu tauschen:

td.normal  { background: #ff0000; }
td.hover  { background: #ffff00; }

<td class="normal" onmouseover="this.className='hover'" onmouseout="this.className='normal'">Tabellenzelle</td>