Nuevo fix para PNG transparentes en Internet Explorer
Cualquier diseñador con algo de experiencia sabe que los archivos PNG e Internet Explorer 6 no hacen muy buenas migas. Actualmente hay varias alternativas para solucionar este “bug”, como la ofrecida por TwinHelix PNG Fix o 24ways transparent png.
Estas opciones, supuestamente fáciles de utilizar, se pueden complicar en ocasiones y además tienen algunas limitaciones (por ejemplo utilizar PNGs como fondo posicionado de un elemento).
Aquí es donde aparece Unit Interactive con su nuevo Unit PNG Fix, sencillo de utilizar y bastante eficaz. Unit PNG Fix tiene las siguientes características:
- Javascript de tamaño reducido, inferior a 1kb.
- Arregla varios problemas de interacción con el atributo filter de IE.
- Funciona tanto con imágenes como con fondos.
- No hay necesidad de definir clases especiales, es completamente automático.
Para utilizarlo, solo tenemos que seguir los siguientes pasos:
Descargar los archivos fuente y copiarlos en el directorio de nuestra web.
Abrir el archivo unitpngfix.js y modificar la primera línea de tal manera que indique la ruta de la imagen clear.gif. Ojo, la ruta debe ser con respecto a nuestra página principal y no al archivo javascript.
-
var clear=“images/clear.gif”
Por último, añadir lo siguiente en la cabecera de nuestra página:
-
**Nota: no copiar y pegar los guiones, escribirlos manualmente**
-
<!—— [if lt IE 7]>
-
<script type=“text/javascript” src=“unitpngfix.js”></script>
-
<![endif] ——>
Si hemos seguido los pasos correctamente, deberíamos ver nuestros PNG sin problemas en todos los navegadores.
