Es cierto que los que algunas vez decidimos ingresar al mundo del diseño o desarrollo web siempre hemos tenido que lidiar con falencias que presenta el navegador Internet Explorer 6 de Microsoft, que aunque muchos no lo crean aún hay mucha gente lo que sigue utilizando.
Navegando por ahí, encontré esta solución para los Png’s transparentes en Internet Explorer 6, tanto como para imagenes insertadas en el HTML como para imagenes de fondo insertadas con css, esta basada en jquery, ya la he utilizado en algún proyecto y me funcionó bastante bien. Solo se necesitan 2 archivos js e iniciar el jquery en el head.
Pueden ver toda la explicación en esta web y también hacer la descarga de los archivos desde esta misma web.
Una breve figura:
1.- Hacemos la llamada a los 2 archivos js. El archivo jquery.lasted.pack.js no es más que la útima versión de jquery,Podemos utilizar otra versión.
<head> ... <script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.pngFix.js"></script> ... </head>
2.- Se inicializa el jquerypngFix.js
<head>
...
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix();
});
</script>
...
</head>
Valga aclarar que en caso de tener que utilizar otro framework al mismo tiempo como Mootools, se deberá utilizar la función jQuery.noConflict() en la inicialización del pngFix.
