Aupa
Es una buena razón si, y es verdad que tienes un mayor control, pero igualmente
se puede utilizar algo parecido cuando tienes un <img> inline:
Si tienes esto así:
<a><img /></a>
(me como la mitad del code :P)
poner:
a{
background:url(imagen_para_hover.jpg);
...
}
a:hover img{
display:none
}
de manera que en el hover la imagen inline desaparace y deja que se vea la que
está de fondo del <a>
O utilizar un sprite:
a{
position:relative;
display: block;
height:x;
width:y;
overflow_hidden
}
img{
position: relative;
top:0;
left:0;
}
a:hover img{
top:-x;
}
(la imagen que se ve tendría height=x; y el sprite en si hegith=2x)
de manera que el <a> funciona de mascara para la imagen y en el hover se nos
muestra la mitad que estaba oculta.
Aunque la segunda opción sin estilos se ve la imagen duplicada, claro, porque
se ven los dos estados a la vez.
Saludos
El 13/07/2011, a las 22:08, Victor Hugo Arias Valencia escribió:
> No se si este salido de tono, pero en el caso de un menú con una imagen como
> contenido (<img>) vs un menú con texto oculto es que a este último puedo
> aplicarle el estado sobre, activo y visitado a través de CSS.
>
> --
> Docente tutor - Soporte
> Conocimiento Virtual Academia
> www.ConocimientoVirtual.edu.co
> www.PixelTelevision.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
>
_______________________________________________
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
