Foros del Web » Creando para Internet » Diseño web »

Problema con png transparente en IE

Estas en el tema de Problema con png transparente en IE en el foro de Diseño web en Foros del Web. ¡Hola! Tengo un png transparente degradado a blanco y luego un color de fondo que, en FF, el color de fondo va degradándose a blanco. ...
  #1 (permalink)  
Antiguo 22/06/2007, 03:55
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años, 1 mes
Puntos: 36
Problema con png transparente en IE

¡Hola! Tengo un png transparente degradado a blanco y luego un color de fondo
que, en FF, el color de fondo va degradándose a blanco. Pero en IE no funciona, se ve sólo el color de fondo:
body{
background-image: url(fondobody.png)!important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='fondobody.png');
background-color: black;}
  #2 (permalink)  
Antiguo 22/06/2007, 07:58
 
Fecha de Ingreso: febrero-2007
Ubicación: Uruguay
Mensajes: 172
Antigüedad: 17 años, 2 meses
Puntos: 1
Re: Problema con png transparente en IE

Creo que es porque IE tiene problemas para interpretar los png, y por eso los muestra con fondo blanco
__________________
Actualizate hoy(Blog) De vuelta actualizado!
  #3 (permalink)  
Antiguo 22/06/2007, 09:17
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 19 años, 5 meses
Puntos: 43
Re: Problema con png transparente en IE

busca que hay un script que te permite que IE vea los png transparentes
  #4 (permalink)  
Antiguo 22/06/2007, 13:44
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años, 1 mes
Puntos: 36
Re: Problema con png transparente en IE

Gracias, pero ya sabía que IE los mostraba con fondo blanco, pero lo curioso es que, si pongo solo el png, sale un degradado azul a blanco.. Y el código para que ie los soporte ya lo tengo puesto, es el que os he enseñado .
  #5 (permalink)  
Antiguo 22/06/2007, 14:58
Avatar de Snd234  
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 413
Antigüedad: 16 años, 10 meses
Puntos: 2
Re: Problema con png transparente en IE

Cita:
Iniciado por Raulmmmm Ver Mensaje
¡Hola! Tengo un png transparente degradado a blanco y luego un color de fondo
que, en FF, el color de fondo va degradándose a blanco. Pero en IE no funciona, se ve sólo el color de fondo:
body{
background-image: url(fondobody.png)!important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='fondobody.png');
background-color: black;}
Esa direccion de la imagen tiene que ser una ruta absoluta, por ejemplo, yo tube el mismo problema y con ese mismo hack para CSS lo pude solucionar. Estaba haciendo un tema para Wordpress, y en ves de poner la ruta imagenes/foto.png habia que colocar wp-content/themes/nombre_del_tema/imagenes/foto.png
  #6 (permalink)  
Antiguo 22/06/2007, 15:10
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años, 1 mes
Puntos: 36
Re: Problema con png transparente en IE

¡Muchísimas gracias, Snd234, era eso lo que pasaba!
Ahora lo que pasa es que no se repite. He puesto background-repeat: repeat; pero no se repite
  #7 (permalink)  
Antiguo 22/06/2007, 21:02
Avatar de Snd234  
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 413
Antigüedad: 16 años, 10 meses
Puntos: 2
Re: Problema con png transparente en IE

Cita:
Iniciado por Raulmmmm Ver Mensaje
¡Muchísimas gracias, Snd234, era eso lo que pasaba!
Ahora lo que pasa es que no se repite. He puesto background-repeat: repeat; pero no se repite
jejeje, tube el mismo problema... Claro, con algunos otros inconvenientes. Solucion: Para los que usen IE6 o inferior, les muestro otro fondo, tengo la misma imagen pero en JPG, sin transparencia, asi para quien entre con IE6 se le mostrara aquella imagen mientras que para los demas la pagina se vera como debe.
Creo que es lo mas justo para no llenar la hoja de estilo con puros hacks, prefiero que este "limpia".
  #8 (permalink)  
Antiguo 23/06/2007, 11:28
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años, 1 mes
Puntos: 36
Re: Problema con png transparente en IE

Ya lo he dejado por imposible. Alguien sabe cómo podría cambiar la opacidad SOLO DEL FONDO?
  #9 (permalink)  
Antiguo 23/06/2007, 12:08
 
Fecha de Ingreso: abril-2007
Mensajes: 232
Antigüedad: 17 años
Puntos: 2
Re: Problema con png transparente en IE

Hola:
el filter tiene que terminar en:

....png', sizingMethod='scale');

para el ie tienes que hacer la imagen del fondo con el mismo tamaño en la dimensión del contenedor que no vas a repetir ya que este valor redimensiona la imagen, si repites en x haces la imagen de la altura del contenedor, si repites en y haces la imagen del ancho del contenedor.

Solo hay 3 valores posibles, los otros son "image" que redimensiona el contenedor a la imagen (si esta se repite en x lo redimensiona en altura, y si en y entonces en ancho), y "crop" en el que recorta la imagen al exacto tamaño del contenedor (y no admite repeat).

Por otra parte Stu Nicholls usa un método que solo funciona en fondos de html o body, en:
http://www.cssplay.co.uk/layouts/background.html

Suerte. Jorge H.
  #10 (permalink)  
Antiguo 23/06/2007, 12:24
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años, 1 mes
Puntos: 36
Re: Problema con png transparente en IE

Ahora funciona, pero se bloquea todo ;-(
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 06:13.