Transparencias de archivos PNG en Internet Exporer

Filed Under (Javascript, Scripts) by admin on 10-12-2008

Tagged Under : , , , ,

Como todos sabemos, el maravilloso, fantástico, increíble e insuperable  ;-)   Internet Explorer sigue destacando del resto de navegadores.

En esta ocasión es por su IN-Tolerancia a las transparencias de archivos PNG.

Indagando por internet me he encontrado con un script que hace funcionar las transparencias en versiones anteriores a IE 7.

Se trata de lo siguiente:

<!–[if lt IE 7.]>
<script defer type=”text/javascript” src=”Scripts/pngfix.js”></script>
<![endif]–>

Hay que ponerlo entre las etiquetas <head> y  </head>. Lo que hace es llamar al script que hará que se visualicen las imágenes PNG de nuestra web CON TRANSPARENCIA. El archivo lo podéis descargar desde aquí

También he visto otras opciones como sería la de utilizar CSS, que salvo transparencias en imágenes de fondo y que las mismas las llaméis desde vuestro archivo CSS, no le he visto necesario pero yo os lo pongo por si os sirve.

Se trataría de lo siguiente:

background-image: url("archivo.png")!important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="
imagen/archivo.png");

Importante: la ruta del archivo debe ser desde el directorio raíz de nuestra página, es decir, si tenemos la imágen dentro de una carpeta que se llame archivos y ésta a su vez contiene la carpeta de imágenes, el resultado sería: ….(src=”/archivos/imágenes/archivo.png)

Espero os haya ayudado un poco en vuestro proceso de diseño web.

Salu2

PD: gracias a aNIETO2k por la información.