Foros del Web » Creando para Internet » CSS »

Problemilla opacidad via CSS en IE

Estas en el tema de Problemilla opacidad via CSS en IE en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/04/2011, 05:51
 
Fecha de Ingreso: abril-2011
Mensajes: 12
Antigüedad: 6 años, 8 meses
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!
  #2 (permalink)  
Antiguo 10/04/2011, 14:41
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: Problemilla opacidad via CSS en IE

fíjate que está mal escrito
Cita:
filter:alpha(opacity=50);
pd: para que funcione en cualquier navegador con filter (ie) y opacity (los demás) es suficiente
  #3 (permalink)  
Antiguo 10/04/2011, 16:11
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Problemilla opacidad via CSS en IE

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

http://www.w3schools.com/Css/css_image_transparency.asp
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #4 (permalink)  
Antiguo 11/04/2011, 06:20
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: Problemilla opacidad via CSS en IE

nadie mas se anima a dar la misma respuesta??
  #5 (permalink)  
Antiguo 11/04/2011, 17:49
 
Fecha de Ingreso: octubre-2010
Mensajes: 73
Antigüedad: 7 años, 1 mes
Puntos: 1
Respuesta: Problemilla opacidad via CSS en IE

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
  #6 (permalink)  
Antiguo 11/04/2011, 17:55
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Problemilla opacidad via CSS en IE

Cita:
Iniciado por frank_harbey12 Ver Mensaje
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
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #7 (permalink)  
Antiguo 12/04/2011, 06:12
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: Problemilla opacidad via CSS en IE

Cita:
Iniciado por frank_harbey12 Ver Mensaje
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
  #8 (permalink)  
Antiguo 12/04/2011, 10:21
Avatar de chabri  
Fecha de Ingreso: septiembre-2009
Ubicación: Torremolinos
Mensajes: 227
Antigüedad: 8 años, 2 meses
Puntos: 17
Respuesta: Problemilla opacidad via CSS en IE

mmm yo tengo este codigo y me funciona muy bien.

Cita:
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.
  #9 (permalink)  
Antiguo 12/04/2011, 11:42
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Problemilla opacidad via CSS en IE

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:
Ver original
  1. .transparencia{
  2. opacity:0.4; /*para todos los navegadores excepto IE*/
  3. filter:alpha(opacity=40);/*para IE*/}

actualmente IE9 me parece ya soporta opacity pero no hay que olvidarnos del IE7 e IE8
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Etiquetas: opacidad
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 18:45.