Hola,

Igual digo una burrada, ya que no domino del todo CSS, pero se me ocurre si
podría funcionar también pondiendo display:none en el a:hover.

No se si el cambio de imágen es para dejar ver otra imágen o un texto.  Si
fuera otra imagen, y esta segunda imagen sí se pudiera poner como
background, este background al principio quedaría tapado por la imagen
"física", en estado normal.  Al pasar el ratón, si se le da la propiedad
"display: none" a la imágen "física" la ocultaría y dejaría ver la imagen
que tenemos como background.  Si fuera un texto igual habría que jugar con
posicionamientos o z-index.

Guadalupe



El 27 de abril de 2010 19:09, Tei <oscar.vi...@gmail.com> escribió:

> Igual puedes hacer algo como esto:
>
> Por CSS darle al <A> un backgroun que se deberia ver cuando este en
> estado hover.
> Por CSS hacer la imagen hija transparente (con opacity 0.01) en este
> mismo estado hover.
>
> De este modo se veria una imagen distinta. Quien dice opacity, dice
> otro bicho para ocultar la imagen, yo he usado opacity porque me paso
> de guays.
>
>
> <a href="/" title="Hoteles Premium" class="hoteles-premium"
>
> style="background-image:
> url(
> http://www.mundosparalelos.me/wp-content/uploads/2009/08/cosicas.JPG);height<http://www.mundosparalelos.me/wp-content/uploads/2009/08/cosicas.JPG%29;height>
> :
> 100px;padding:32px"
> >
> <img src="http://www.google.es/intl/en_com/images/logo_plain.png";
> alt="Sello Hoteles Premium" />
> </a>
> dd
> <style>
>
>
> a:hover img {
>  opacity: 0.1;
> }
>
>
> </style>
>
>
> probado y funciona en firefox,  no se si en los navegadores hereticos
> tambien funcionara.
>
> 2010/4/27 Rafa Artacho <teme...@gmail.com>:
> > ¿Es posible cambiar una imagen haciendo hover sobre un enlace sobre CSS?,
> no
> > me refiero a una imagen background, sino a un img,
> >
> > <a href="/" title="Hoteles Premium" class="hoteles-premium">
> > <img src="../images/HAL/hoteles-premium.gif" alt="Sello Hoteles Premium"
> />
> > </a>
> >
>
>
> --
> --
> ℱin del ℳensaje.
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Guadalupe
www.hacerwebs.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a