!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> NK | interactivo - BLOG: Solución a problema de PNG transparente en Internet Explorer 6 NK | interactivo - BLOG

He movido mi BLOG!

Dentro de unos segundos seras automaticamente redirigido a mi nuevo BLOG.
http://www.nkinteractivo.com/blog/
Gracias y disculpen las molestias.

NK | interactivo - BLOG

miércoles, 24 de junio de 2009

Solución a problema de PNG transparente en Internet Explorer 6

Los PNG transparentes en los sitios web siempre traen problemas y no es por una cuestion de implementación si no por los navegadores, más específicamente el Internet Explorer 6 y en versiones anteriores tambien. Hay muchas soluciones dando vuelta por ahí como el PNG Fix, y otras. 
Pero ahora en Google Code hay una solución mucho más rapida, efectiva y cómoda de arreglar el problema de los PNG transparentes.  http://code.google.com/p/ie7-js/.

Como implementarlo:
1- En el HEAD del archivo hay que agregar el codigo:


2- Nombrar a las imágenes PNG con el sufijo “–trans.png” es decir si tengo un archivo que se llama “logo.png”, para que funcione el codigo tendria que renombrarlo a “logo-trans.png”

3- Listo a disfrutar de no tener más dolores de cabeza!!!

Por otro lado lo tambien arregla muchos defectos del navegador por hacerlo cumplir con los estándares. Igualmente con las versiones 7 y posteriores esto no es necesario pero como sabemos bien muchos siguen usando la versión 6 de Internet Explorer.

Espero les sirva.