nicht angemeldet
Hallo,
ist ein hintergrund-bild-austausch beim überfahren eines listenpunktes mit purem css möglich?
Theoretisch:
li { background-image: url("bild1.png"); }
li:hover { background-image: url("bild2.png"); }
Das kann Mozilla, aber der MS IE kann's nicht.
Der MS IE kann :hover nur bei Links.
Du musst also die Inhalte der Listenpunkte noch in Links packen.
<li><a href="#">Inhalt</a></li>
und dann das CSS so schreiben:
li a { background-image: url("bild1.png"); }
li a:hover { background-image: url("bild2.png"); }
Ein Ansatz, der statt Bild-Austausch eine Bild-Positionierung vorschlaegt:
http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/
MS IE Benutzer jammern oft, dass es bei einem
Bilderwechsel via CSS zu einem stoerenden Ruckeln komme.
Eine moegliche Gegenmassnahme:
http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/update.html
Gruesse,
Thomas