IE6中正确显示png图片
2011-08-22 12:18
246 查看
在ie6中,png图片总是显示一个灰背景,很丑,从网上查了下解决办法如下,原文已经打不开了,所以就不注原文地址了,需要准备一个文件名为blank.gif的透明图片:
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
if ((version >= 5.5 && version < 7.0) && (document.body.filters))
{
for(var j=0; j<document.images.length; j++)
{
var img = document.images[j];
var imgName = img.src.toUpperCase();
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var width = img.width;
var height = img.height;
var sizingMethod = (img.className.toLowerCase().indexOf("scale") >= 0)? "scale" : "image";
img.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src.replace('%23', '%2523').replace("'", "%27") + "', sizingMethod='" + sizingMethod + "')";
img.src="images/blank.gif";
mce_src="images/blank.gif";
img.width = width;
img.height = height;
}
}
}
}
window.attachEvent("onload", correctPNG);
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
if ((version >= 5.5 && version < 7.0) && (document.body.filters))
{
for(var j=0; j<document.images.length; j++)
{
var img = document.images[j];
var imgName = img.src.toUpperCase();
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var width = img.width;
var height = img.height;
var sizingMethod = (img.className.toLowerCase().indexOf("scale") >= 0)? "scale" : "image";
img.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src.replace('%23', '%2523').replace("'", "%27") + "', sizingMethod='" + sizingMethod + "')";
img.src="images/blank.gif";
mce_src="images/blank.gif";
img.width = width;
img.height = height;
}
}
}
}
window.attachEvent("onload", correctPNG);
相关文章推荐
- IE6下实现PNG图片正确显示
- 解决IE6下透明PNG图片无法透明显示的方法
- html学习笔记-解决ie6中png图片透明不能正常显示问题
- png透明图片在ie6正常显示的纯css解决办法
- png图片透明色在IE6显示错误的问题解决方法
- ie6下使网页png图片不透明显示解决办法
- 在IE浏览器中正确显示PNG透明图片
- IE6正常显示PNG-24图片
- IE6显示PNG图片(img & bg)
- PNG透明图片在IE游览器中也能正确显示
- IE6显示png透明背景、图片的方法
- 使IE6正常显示PNG-24格式图片代码
- 让IE6显示透明PNG背景图片
- 在IE流览器中正确显示PNG透明图片
- JS解决IE6下png图片显示带背景色
- 在ie6上 让他显示png图片
- IE6下PNG透明图片背景显示灰色的完美解决方法
- 让IE6显示透明PNG背景图片
- 在IE流览器中正确显示PNG透明图片
- 使IE6正常显示PNG-24格式图片代码