Cómo usar PNG con transparencia en Internet Explorer

por Carlos Leopoldo29 de abril de 2007

Una de las principales fallas del Internet Explorer 6 que causa muchas molestias es la falta de soporte para las transparencias de las imágenes PNG, pero existe un truco para poder utilizarlas, se trata de un código en JavaScript que es nacesrio incluir dentro del CSS, el código es el siguiente:

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

Sencillo ¿no?

Publicado enDiseño Web

Etiquetas#CSS #Javascript #Trucos

7 comentarios en: Cómo usar PNG con transparencia en Internet Explorer

Por: meralis 15 de mayo de 2010
hola queria saber como hago que funcione un archivo png en mi pc ya que descargue unos iconos y cuando quiero sustituir los que tengo por los que descargue no punciona mi pc es windows 7 alguien que sepa que me explique por favor
Por: langhosta 7 de mayo de 2010
para cada imagen toca hacer esto o el filename.png lo generaliza????
Por: entrepixeles 16 de junio de 2009
O Falta algo, o es que no funcona este código ?
Por: Elias 24 de septiembre de 2008
En el src de la imagen, que URL hay que poner? Hay que subir alguna imagen al servidor?
Por: Consigue compatibilidad de las transparecias PNG en Internet Explorer 6 18 de julio de 2008
[...] aNieto2K me enteré de que existe una mejor alternativa a las soluciones para hacer que Internet Explorer soporte las transparencias de las imágenes PNG, se llama [...]
Por: Hacks para CSS qué necesitas conocer 5 de mayo de 2008
[...] Cómo hacer que funcione la transparencia de los PNG en Internet Explorer6. También hay otra técnica para imágenes PNG en IE. [...]
Por: Kike 8 de mayo de 2007
O no funciona o hay algo que hago mal. ¿El estilo es un css normal no? ¿no hay que incluir ningún javascript ni ninguna función? Aquí dejo mi código por si hay alguna solución, gracias. El blog está muy bien y la verdad es que es de los más completos en cuanto a recursos ;) Documento sin título * html #image-style { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/Untitled-1.png", sizingMethod="scale"); }