Entre Blogs Portal

Cómo usar PNG con transparencia en Internet Explorer

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?

4 Comentarios (Agrega el tuyo)

  1. Kike
    Comentado 8 de Mayo de 2007 a las 11:55 AM | Permalink | Responder ↓

    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”);
    }

  2. Comentado 24 de Septiembre de 2008 a las 4:28 AM | Permalink | Responder ↓

    En el src de la imagen, que URL hay que poner? Hay que subir alguna imagen al servidor?

Escribe un Comentario

Su correo nunca será publicado ni compartido. Los campos requeridos están marcados *

*
*

Trackbacks a este artículo: (URL del trackback)

  1. Por Hacks para CSS qué necesitas conocer en 5 de Mayo de 2008 a las 3:11 AM

    [...] 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. [...]

  2. [...] 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 [...]

La gente que ha leido este artículo buscó:

transparencia css png IE6, transparencia ie, usar png en paginas web, transparencias web png html, transparencia + ie, transparencia en explorer, png, trasparencia PNG internet explorer, transparencia en imagenes png internet explorer, transparencia internet explorer, transparencias en ie, imagenes con transparecia en explorer 6, incompatibilidad .png en IE 6, imagen png usando background image de css, mi nombre en png, transparencia imagenes con css en ie6, usar transaprencia png en web, png tranparencia css, como isar transparencias de png en ie6, transparencia de png en ie,