PNG Fix para IE6
- 16/07/2008
- 11:54 pm
Anteriormente comentábamos en PNG transparente en IE sobre las diversas técnicas para corregir un bug de IE6 (Internet Explorer 6) el cual no muestra correctamente los PNGs transparentes. Esta vez les presentamos un nuevo método, se trata de la librería Unit PNG Fix.
Unit PNG Fix fue desarrollada por Unit Interactive y liberada bajo licencia Creative Commons. Entre las características mas interesantes de esta librería podemos destacar:
- Javascript muy ligero, con menos de 1KB
- Funciona para imágenes como objetos o background (fondo).
- Funciona automáticamente sin llamar a ninguna funcion.
- Permite el escalado automatico de los elementos.
- Rápido de implementar, solo es necesario una línea de código.
Utilizando Unit PNG Fix
Lo primero es descargar la librería desde unitpngfix.zip, luego de extraer el archivo .zip encontramos el archivo unitpngfix.js que contiene la funcionalidad de esta librería. Luego incluimos esta librería en el header del html que deseamos de la siguiente forma:
-
<script type="text/javascript" src="unitpngfix.js"></script>
Como pueden ver, sólo una línea de código y ya tenemos resuelto el problema de los PNGs transparentes para IE6, rápida y elegante la solución, no les parece?.
Posts Relacionados
- Contáctenos
- Bienvenidos
- Flash Switcher para Firefox
- Wordpress Dreamweaver Plugin
- Versiones de WP-SWFObject
Total de Comentarios: 10
¿Y si el usuario tiene desactivado js? La forma tradicional de hacerlo es con un behaviour de ie, y la más correcta.
Hola, muy interesante. Ya conocía otro script similar pero este es más ligero :P
PD: Muy interesante el blog!
Saludos!
Está bueno este script, sobre tu opinión Blaxter, yo creo que hoy en dia el que no tiene habilitado js no le andaría ni la mitad de las páginas, menos con las 2.0 y el AJAX.
Probandolo vi que el script al parecer tiene un fallo, en IE6+ el padding en las imágenes no funciona correctamente.
Gracias compi ;) yo he posteado la forma de guardar los png en Photoshop para evitar ese fallo y me ha funcionado, pero nunca está de más, total por 1Kb :)
Un saludo.
Genial… con este me quita un peso de encima, soy “png lover”, mejor calidad que el gif y mas practico, pero aun hay mucha gente que usa IE :P. Buen blog.
Chaox
Muy bueno pero tengo una inquietud he probado muchosbug pa IE pero algunos me servian para imagenes normales ejemplo: pero para un background no me servia quedaba con fondo igual, al utilizar un —- Body {
background-image:url (”);
}
seguia igual
Efectivamente hay otras librerías que corregían el problema para imágenes incrustadas en el HTML pero no para las utilizadas como fondo, esta librería si corrige este inconveniente.
