Problemilla opacidad via CSS en IE

[znarer]

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!

[IsaBelM]

fíjate que está mal escrito

filter:alpha(opacity=50);

pd: para que funcione en cualquier navegador con filter (ie) y opacity (los demás) es suficiente

[ArturoGallegos]

-moz-opacity y -khtml-opacity ya no son necesarios solo aplica opacity

http://www.w3schools.com/Css/css_image_transparency.asp

[IsaBelM]

nadie mas se anima a dar la misma respuesta??

[frank_harbey12]

utiliza solo opacity ya que IE9 soporta esta propiedad y ademas asi obligas a las personas a actualizar su navegador IE o utilizar mejores como CHrome o Firefox

[ArturoGallegos]

Iniciado por frank_harbey12

utiliza solo opacity ya que IE9 soporta esta propiedad y ademas asi obligas a las personas a actualizar su navegador IE o utilizar mejores como CHrome o Firefox

hoy dia es aceptable mandar al carajo a IE6 ya que es demasiado viejo y apoyo tu idea de forzarlos a actualizar dejando de dar soporte a versiones viejas, sin embargo esperar que los usuarios actualicen a IE9 es mucho pedir... yo creo que es mas conveniente usar filter para IE y opacity para el resto de los navegadores, tal cual lo muestra la propia pagina de la W3C

[IsaBelM]

Iniciado por frank_harbey12

utiliza solo opacity ya que IE9 soporta esta propiedad y ademas asi obligas a las personas a actualizar su navegador IE o utilizar mejores como CHrome o Firefox

para poder tener ie9 has de tener o window 7 o vista. hoy en día, la mayoría del equipos tienen como sistema operativo window xp. mira esta estadística de uso de sistemas operativos y navegadores

[chabri]

mmm yo tengo este codigo y me funciona muy bien.

opacity: 0.7;
-moz-opacity: 0.9;
filter: alpha(opacity=28);

el primero creo que es para crome, etc.
segundo para firefox.
tercero para IE.

pero ojo no funciona en cualquier explorer.

si me equivoco con el orden lo siento hace mil que no lo utilizo.

[ArturoGallegos]

amigo @chabri la propiedad -moz-opacity ya no es necesaria desde Firefox 1 y no creo o me parece bastante irreal pensar que existan usuarios de Firefox 0.9 y anteriores

basta con

Código CSS:

.transparencia{
opacity:0.4; /*para todos los navegadores excepto IE*/
filter:alpha(opacity=40);/*para IE*/}
 

actualmente IE9 me parece ya soporta opacity pero no hay que olvidarnos del IE7 e IE8