PNG con transparencia (background y repeat) en IE 6 y 5

Estaba escribiendo el CSS para IE 6 y menores del blog, sobre todo porque al usar tantas imágenes con extension .png el blog no se ve muy bien con esos navegadores. Hay muchas formas de conseguir que IE 6 e inferiores (hasta v. 5) sean capaces de mostrar correctamente este formato de imagen.

El problema que tiene el diseño de este blog es que usa pngs como background de algunos elementos y en varios de ellos con la propiedad repeat. Y es aquí donde todas las soluciones que conocía fallaban.

Haciendo un descanso, en el lector de feeds, veo vía aNieto2k que TwinHelix ha publicado una nueva versión de su PNGFix que soporta el uso de pngs como background y el uso de la propiedad repeat.

Para usarlo:

• Descargar la última versión del PNGFix
• Subir los archivos iepngfix.htc y blank.gif a tu servidor.
• Añadir el siguiente código en tu CSS:

 img, div { behavior: url(iepngfix.htc) }

Si vamos a usar un png como fondo de enlaces, inputs, botones… hay que añadir estos elementos en la declaración de CSS:

 img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }