20/06/2004, 05:27
| |||
| |||
| 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... |
|
20/06/2004, 05:54
| ||||
| ||||
| 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:
En mozilla existe el estilo -moz-opacity, pero no sé como conseguir el efecto del gris.<style>
a img {
filter: gray alpha(Opacity=50);
}
a:hover img {
filter: alpha(Opacity=100);
}
</style>
Saludos 
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
