EN LÍNEA
Actualmente hay 0 usuarios y 4 invitados en línea.
USUARIO

Sitio elaborado con Drupal, un sistema de gestión de contenido de código abierto
Png Fix: Transparencia de los archivos .png para IE5 e IE6
Escrito por: McO | Categoría:

Ya tenemos entendido que IE6 y versiones anteriores es un dolor de cabeza al momento de maquetar alguna Página Web ya que por términos de calidad nuestra Web debe ser estándar en cualquier navegador; ya se Opera, Internet Explorer, Firefox, Chrome, entre otros. El punto es que muchos de los navegadores son similares pero el IE6 y aversiones anteriores tiene muchas complicaciones, tu maquetado (Web) lo puedes ver bien en Opera, Chrome, etc; pero en Internet Explorer varia mucho, ya las versiones 7 y posteriores vienen mejoradas. 

 

Uno de los puntos faltantes en versiones anteriores y hablamos de versiones anteriores por que el usuario común sigue usando IE6, sí, parece imposible pero así es Foot in mouth. Asi que presta mucha atención ya que estas versiones malísimas no soportan transparencias de archivos .png así que esta es la solución.

Usamos un jquery. Primero implementar este código en el HEAD


<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.pngfix.js"></script>

Ahí estamos llamando al jquery.pngfix.js que nos facilitará la transparencia de archivos .png y al archivo jquery.js de quien depende al png Fix, despues implmentamos esté código (Todo en el HEAD)Laughing

 

<script type="text/javascript"> 

  $(document).ready(function() {

    $("img[src$=png]").pngfix();

    $("#s_header, #s_menu, .b-fond1 .b-title, .b-fond2 .b-title").pngfix();

  });

</script>

 

Este pedazo de código $("img[src$=png]").pngfix(); nos permite implementar imágenes .png

Este pedazo de código $("#s_header, #s_menu, .b-fond1 .b-title, .b-fond2 .b-title").pngfix(); nos permite dar transparencia a las imágenes de fondo, tenemos que decirle cuales son los estilos en el que afectará el png Fix como se hace en el código mostrado. Y listo, ya puedes usar transparencias en IE6 y versiones anteriores. Wink

Para más información puedes visitar la Web de png Fix: http://jquery.andreaseberhard.de/pngFix/