Icon wechseln bei Hover

[Der Martin]

Hallo,

bei den Antworten der Vorgänger wundert mich, warum niemand fragt, ob Dir ein dt:hover nicht reichen würde?

wenn du nochmal nachliest, wirst du feststellen, dass ich in meiner ersten Antwort sogar noch einen Schritt weiter gegangen bin und a:hover als Alternativlösung vorgeschlagen habe. Da in Steffis Codebeispiel das dt- und das a-Element quasi zusammenfallen, wäre das de facto dasselbe.

Aber auch dann braucht man IMHO kein JS. Mit .settings a:hover könnte man ein Icon über das bestehende setzen, so dass das Icon von .settings nciht mehr zu sehen, weil verdeckt wäre.

Aber nur als außerhalb des a-Elements positionierter Inhalt, nicht als Hintergrundbild. Denn Hintergründe werden an den Grenzen des Elements abgeschnitten; Inhalt kann über die Grenzen hinausragen.

Den Ansatz hat Felix übrigens schon angerissen.

Du siehst also, dass deine Gedanken im Prinzip auch schon im Spiel waren. :-)

So long,
 Martin