Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/11/2005, 05:53
Avatar de Pandragon
Pandragon
 
Fecha de Ingreso: abril-2003
Ubicación: Alicante - España
Mensajes: 66
Antigüedad: 21 años
Puntos: 0
A vueltas con la compatibilidad

Con el fin de crear un efecto fade o de oscurecimiento de las imagenes mientras no se pase el raton por encima, dispongo del siguiente style:

Código:
<style>
.imgfade{filter:alpha(opacity=50); -moz-opacity:0.5;margin-left:3px}
.imgfull{filter:alpha(opacity=100); -moz-opacity:1;margin-left:3px} 
</style>

<img src="imagen" class="imgfade" onmouseover="this.className='imgfull'" onmouseout="this.className='imgfade'">
El problema es que este style únicamente funciona para Explorer y para Firefox y me gustaría que funcionase también en Opera.

¿Alguien podría decirme como hacerlo o donde tengo que mirar para averiguarlo?