Wie bekannt sein dürfte kann der IE6 den :hover-Effekt nur bei Links anwenden. Alle andere Elemente ignoriert er. Natürlich gibt es die Möglichkeit Elemente in ein a-Tag hineinzu packen und so anzusprechen. Wenn aber das nicht geht bzw. einfach nicht sinnvoll ist muss man sich mit Javascript aushelfen.
<div onmouseover=”this.style.background=’yellow’” onmouseout=”this..style.background=’white’”>
Hilfe, ich brauche einen :hover-Effekt!
</div>
Der codeschnipsel tauscht die Hintergrundfarbe aus. Ganz einfach und selbsterklärend. Zukunftsorientierter, eleganter und vor allem besser geht es aber über Klassennamen:
<div onmouseover=”this.className=’normaleklasse hoverklasse’” onmouseout=”this.className=’normaleklasse’”>
Hilfe, ich brauche einen :hover-Effekt!
</div>
Viel Spaß beim Testen und einsetzen.
