Algo bastante común con los PNGs transparentes es que ie6 no los muestre correctamente. Gracias a DD_belatedPNG nos podemos olvidar de la mayoría de problemas que nos causan en cuestión de segundos.

Es bastante sencillo de implementar.

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg'); //EXAMPLE
</script>
<![endif]-->

Personalmente he probado muchísimos «png fix» y el actual es el único que ha cumplido medianamente con mis espectactivas. Su peso es de ~7kb comprimido, vistas al alternativas y los resultados nada mal.

Algunas de las cualidades de DD_belatedPNG son:

  • Emplear PNG de 24-bit con transparencia como fondo mediante la propiedad background-image de CSS
  • Posicionar esas imagenes mediante background-position o repetirlas con background-repeat
  • No usa AlphaImageLoader con lo que no encontraremos problemas con el z-index
  • Responde a element.style y a la pseudoclase :hover
  • Es muy sencillo de implementar y pesa muy poco

Web : http://dillerdesign.com/

Entradas relacionadas