Tranparencias PNG en Internet Explorer 6

Existe una técnica sencilla para que Internet Explorer 6 acepte las transparencias de PNG. Funciona incluso con las transparencias en los fondos CSS. ¿Quién es el responsable de este truco? Angus Turnbull, y todo el crédito es únicamente suyo.

¿Qué tenemos que hacer?

– Primero, descargar el archivo que Angus incluye en su sitio, listo para descargarse. El archivo se actualiza esporádicamente, por lo que preferimos dejar el enlace para descargar.
– Lo segundo es pegar el siguiente código en nuestro archivo CSS:

img {
behavior: url(iepngfix.htc);
}

Si estamos trabajando con PNG transparentes en fondos CSS, también podemos hacer que funcionen con el Internet Explorer 6. Supongamos que tenemos el siguiente código:

#header {
background:url(header.png);
}

Lo único que deberíamos hacer es aplicar el comportamiento del fondo al elemento #header. Así:

img, #header {
behavior: url(iepngfix.htc);
}

Podemos repetir esta técnica con cualquier elemento que utilice transparencias con PNG:

img, #header, .class, blockquote {
behavior: url(iepngfix.htc);
}

En el sitio del producto de Apple, Mac Pro, podemos ver la implementación de la transparencia de PNG en la imagen de la torre.

Podemos encontrar más detalles y ejemplos en el sitio de Angus, TwinHelix.

Artículo obtenido de: ElWebMaster.

Anuncios

~ por inforlandia en diciembre 7, 2007.

2 comentarios to “Tranparencias PNG en Internet Explorer 6”

  1. sirve para todos los navegadores????

  2. Hola, realmente esta forma de llevar a cabo las transparencias es para que se vean en IE, el resto de navegadores las implementan perfectamente. Si es que IE… esperemos que comiencen todos a seguir los mismos estándares (W3C) porque sino…

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: