Foros del Web » Creando para Internet » CSS »

Un "hover" sobre una imágen

Estas en el tema de Un "hover" sobre una imágen en el foro de CSS en Foros del Web. Hola aigos: Estoy diseñando una hoja de estilos, el problema es que quiero que todas las imágenes se muestren al principio con un filtro, esto ...
  #1 (permalink)  
Antiguo 20/06/2004, 06:27
 
Fecha de Ingreso: noviembre-2003
Ubicación: Madrid
Mensajes: 353
Antigüedad: 14 años
Puntos: 1
Un "hover" sobre una imágen

Hola aigos:

Estoy diseñando una hoja de estilos, el problema es que quiero que todas las imágenes se muestren al principio con un filtro, esto esta "chupao", con un simple:

.imagen {filter:gray alpha(Opacity=80);}

la foto sale en gris...

Pero lo que me tiene a punto de rebuznar (No lo hago por no ofender al reino anímal), es que cuando alguien pase el ratón por encima, la foto se muestre en todos sus colores. Osea que se quite el filtro.

SOS SOS SOS
__________________
Lo menos frecuente en este mundo es vivir. La mayoría de la gente existe, eso es todo...
  #2 (permalink)  
Antiguo 20/06/2004, 06:54
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola yomesmo (mesmamente):

Puedes rebuznar tranquilamente, porque la respuesta va a ser algo complicada...

Los filtros alfa solo funcionan en explorer, y el uso de hover en etiquetas (que sería la respuesta), en uno de los navegadores que no sirve es justamente en explorer.

Soluciones:
poniendo la imágen dentro de un tag a y crear el estilo: a:hover img (habría que probarlo) o darle la opacidad directamente al tag a...

Esto parece que funciona:

Código:
<style>
	a img	{
		filter: gray alpha(Opacity=50);
	}
	a:hover img	{
		filter: alpha(Opacity=100);
	}
</style>
En mozilla existe el estilo -moz-opacity, pero no sé como conseguir el efecto del gris.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:24.