今天在做页面的时候遇到的问题
一个png图片的logo在IE下显示为灰色
但在火狐的显示是正常的透明
为了解决这个问题,特用到下面的js
function isIE(){
if (navigator.appName!="Microsoft Internet Explorer") {return false}
return true
}
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var LW=img.width
var LH=img.height
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
img.style.filter+="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+img.src+", sizingmethod=scale);"
img.src="transparent.gif"
img.width=LW
img.height=LH
}
}
}
if (isIE()) {window.attachEvent("onload", correctPNG);}
同时放一个gif的图片
但还是发现了一个问题
在没有加载完或加载较慢的情况下,这个png图片还是灰突突的摆在那里,很是不雅
提供源文件下载:
png透明插件.rar (724.00 bytes)