es problema de ke el IE es muy deficiente, pero en los filtros visuales de MSIE, en concreto el filtro AlphaImageLoader, mediante el cual podremos usar archivos PNG sin restricciones. Para ello, copia el siguiente código, y guárdalo con el nombre png.js:
Código HTML:
function PNG_loader() {
for(var i=0; i<document.images.length; i++) {
var img = document.images[i];
var imgName = img.src.toUpperCase();
if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
var imgID = (img.id) ? "id='" + img.id + "' " : "";
var imgClass = (img.className) ? "class='" + img.className + "' " : "";
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
var imgStyle = "display:inline-block;" + img.style.cssText;
if (img.align == "left") imgStyle += "float:left;";
if (img.align == "right") imgStyle += "float:right;";
if (img.parentElement.href) imgStyle += "cursor:hand;";
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>";
img.outerHTML = strNewHTML;
i--;
}
}
}
window.attachEvent("onload", PNG_loader);
y ahora pega este codigo en todas las cabeseras de tu web ke mostraran ese tipo de imagenes png
Código HTML:
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="./png.js"></script>
<![endif]-->
Lo que conseguimos mediante este código es que, una vez cargada la página, se corrijan las imágenes PNG del documento a través del filtro. Como podrás comprobar, primeramente se muestran las imágenes sin transparencia, y una vez que todo el documento se ha cargado, las imágenes serán sustituidas. De esta manera conseguimos solucionar el problema provocado por el uso de un navegador deficiente, aunque lo ideal sería que no tuviéramos que recurrir a estos trucos por culpa de los desarrolladores de Microsoft (aquí se ha explicado cómo hacerlo con javascript, pero también existen soluciones
mediante CSS). Comprueba qué tal se ven los archivos PNG transparentes en tu navegador, y nos dices
saludos