Rollover CSS

Carcass #1 Dic '03

Buenas... ¿alguien sabe cómo hacer un rollover sólo con CSS? Porque he probado de dos formas y el puñetero Explorer tarda mucho en hacer el cambio. Parece que siempre vuelve a coger la imagen del servidor, aunque ya la tenga...

Pongo:

< ul>
<li id="homewrap"><a href="default.html" id="home"><span class="alt">Home</span></a></li>
...
&lt/ul>

y:

a#home {
  width: 68px;
  background: url(/home.jpg) left center no-repeat;
}

a#home:hover {
  background: url(/home2.jpg) left center no-repeat;
}
</style>

KingFish #2 Dic '03

http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/

Pero yo creo q es mejor hacerlo en js no? :s

Carcass #3 Dic '03

Ése ya lo miré y también recarga las imágenes el subnormal del Explorer... Y mira que sólo tiene que moverlas ¿eh? jejeje

Y yo prefiero hacerlo en CSS. Seré un purista, supongo jejeje. Y bueno, que no me parece bonito hacer Javascript dependiente del navegador y prefiero una solución con CSS nada más...

Carcass #5 Dic '03

Ya, ya los miré e hicieron lo mismo que yo. Pero el Explorer es tonto XD

Usuarios habituales