La utilización de imágenes con transparencia siempre ha dado cierto problema por la compatibilidad de estas con los navegadores, especialmente con IE6. Una de las soluciones que he utilizado y con muy buenos resultados es Unit PNG Fix, la cual es un script en Javascript que sin grandes complicaciones te permite utilizar PNG con transparencias de forma sencilla.
Tan sólo pesa un poco menos de un 1 kb, funciona para el objeto imagen (img) como para los fondos declarados como background-image en nuestros estilos de cascada, se ajusta al alto y ancho como que funciona automaticamente sin tener que llamar una función, solo llamar el script desde el head de la siguiente forma.
|
1 |
<!--[if lt IE 7]> <script type="text/javascript" src="unitpngfix.js"></script> <![endif]--> |
Luego incluyes la imagen a tu directorio de imagenes, por defecto en el javascript viene establecido el directorio “images”, asi que si es diferente debes modificar este parametro y listo, ya tienes el soporte para asegurar que las transparencias se vean en navegadores antiguos como IE6.
