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
Enero 12th, 2008 at 8:06 am
Excelente!!!
Me funciono de maravilla!!!
Gracias!.
Junio 25th, 2008 at 2:09 am
Hola! Si lo aplicamos solo funciona en Explorer pero las imagenes en el firefox no aparecen! Puede ser esto????
Gracias
Agosto 23rd, 2008 at 3:53 am
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
Agosto 23rd, 2008 at 3:56 am
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.