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
Tiene más de 5 años de experiencia en desarrollo de aplicaciones web, ha trabajado como profesor de informática y se ha desarrollado como administrador de sistemas en varias consultoras internacionales.
Saber algo más sobre Asier y este blog
Asier Marqués comenta en js909, una roland 909 hecha en JavaScript
Nacho comenta en js909, una roland 909 hecha en JavaScript
Asier Marqués comenta en Ideateca busca ninjas
Rolf Pinto comenta en Sql server con consultas Limit de mySQL
Daniel Azkona Coya comenta en Ideateca busca ninjas
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.