Usar imagenes .png transparentes en Internet Explorer 6

Cuando insertamos una imagen en formato PNG en nuestra web y visualizamos ésta a través de Internet Explorer 6, vemos que si el .png es transparente se nos añade un fondo opaco a la imagen.
Para solucionar esto podemos usar el siguiente código css.

* html #image-style {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="filename.png", sizingMethod="scale");
}

via | Carlosleopoldo.com

Sobre Asier

Arquitecto web enganchado al desarrollo, estudio y planteamiento de proyectos en internet. Trabajo en Blackslot, empresa que fundé en el 2009. Me encanta el cine, el café, el sexo, la cultura geek, la cultura oriental y la música electrónica.
Artículo publicado en CSS, Desarrollo Web. Enlace a esta entrada..

4 espuestas a Usar imagenes .png transparentes en Internet Explorer 6

  1. Gdev dijo:

    Excelente!!!

    Me funciono de maravilla!!!

    Gracias!.

  2. POl dijo:

    Hola! Si lo aplicamos solo funciona en Explorer pero las imagenes en el firefox no aparecen! Puede ser esto????
    Gracias

  3. Mariana dijo:

    Sí, a mí tambien me pasa que en firefox, no funciona…. Por ahora lo solucioné como hago siempre con las ñañas del explorer… el css normal, como para firefox y el css con las correcciones para explorer agregado dentro de

    en este caso, hice dos #image{} uno para firefox (con la imagen de fondo normal) y otro dentro del if, con el filtro que publicaron.
    A mí me funciona. Aunque no se si es lo mejor.. Bueno sería que el explorer anduviera bien, jeje ;)

  4. Mariana dijo:

    Ups… esto borra todo el html en los post… jejeje (y hacen bien) bueno, el asunto es que me borró los if… Pero bueno, eran de esos que se usan para decirle al navegador “si sos IE6 usá este codigo” jeje… en fin.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos requeridos, están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.