Gernot Back: Rollover auf Table mit CSS

Beitrag lesen

SELF-Forum

Rollover auf Table mit CSS

Gernot Back Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo oliver,

au mennoooo ...
dachte ich es mir doch ;-)

Aber das JS, das du dazu im IE ersatzweise brauchst, ist doch sehr überschaubar:

  
<table cellspacing="0" cellpadding="0">  
<tr onMouseOver="[code lang=javascript]style.backgroundColor='#00ff00'
~~~" onMouseOut="`style.backgroundColor=''`{:.language-javascript}">  
 <td>&nbsp;</td>  
 <td>&nbsp;</td>  
</tr>  
<tr onMouseOver="`style.backgroundColor='#00ff00'`{:.language-javascript}" onMouseOut="`style.backgroundColor=''`{:.language-javascript}">  
 <td>&nbsp;</td>  
 <td>&nbsp;</td>  
</tr>  
</table>  
[/code]  
Für Opera 7.54 scheint es bei diesem Ansatz erforderlich zu sein, dass die Tabellenzellen oben ausgerichtet sind. Mit der zusätzlich definierten Pseudoklasse tr:hover funktioniert es in modernen Browsern dann auch bei ausgeschalteten JS.  
  
Gruß Gernot
Beitrag melden
–
Informationen zu den Bewertungsregeln