Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/04/2011, 04:51
znarer
 
Fecha de Ingreso: abril-2011
Mensajes: 12
Antigüedad: 13 años, 1 mes
Puntos: 1
Problemilla opacidad via CSS en IE

Hola a todos, os comento rápido.

Tengo unos social icons que quiero que permanezcan al 50% de opacidad y cuando haya un hover se vuelvan al 100%. El código me sirve para Firefox, Chrome, Safari i Opera, pero evidentemente IE no funciona. Os dejo els script CSS:


.social {
float:left;
ilter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
padding-right: 3px;
margin-right: 3px;
}
.social:hover{
float: left;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
padding-right: 3px;
margin-right: 3px;
}

El código lo extraje de un tutorial, así que no sé hasta que punto es fiable hacer-lo así, digamos que no lo he creado yo de 0. Espero que me podais ayudar, muchas gracias gente!