IE6下png透明图片正常显示的解决方法
2011-11-29 14:05
746 查看
前些日子在公司网站的成交信息中加了一个“已成功交易”的文字戳,是用一个PNG格式的透明图片实现的,今天才发现在IE6下显示不正常,透明的变成不透明的了。在网上搜了一下,解决的方法如下:
把上面的js代码保存成一个js文件correctpng.js,然后在需要的页面引用就可以了。
function correctPNG() { 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;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle 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 = i-1 }; }; }; if(navigator.userAgent.indexOf("MSIE")>-1) { window.attachEvent("onload", correctPNG); };
把上面的js代码保存成一个js文件correctpng.js,然后在需要的页面引用就可以了。
<script src="correctpng.js" type="text/javascript"></script>
相关文章推荐
- IE6下PNG图片透明显示解决方法(From QQ)
- IE6下PNG透明图片背景显示灰色的完美解决方法
- png透明图片在ie6正常显示的纯css解决办法
- 解决IE6下透明PNG图片无法透明显示的方法
- IE6显示PNG图片背景透明的解决方法
- html学习笔记-解决ie6中png图片透明不能正常显示问题
- IE6显示png透明背景、图片的方法
- 解决IE6下PNG图片和PNG背景图显示不正常的问题
- ie6下使网页png图片不透明显示解决办法
- 解决PNG图片在IE6中背景不透明方法_解决IE6中PNG背景不透明方法
- png透明问题解决方法(png图片ie6不兼容问题)
- png透明问题解决方法(png图片ie6不兼容问题)
- png图片透明色在IE6显示错误的问题解决方法
- 基于jQuery IE6下PNG图片背景透明问题解决方法
- 使用DD_belatedPNG让IE6支持PNG透明图片 及IE6下背景图闪烁问题的解决方法
- 解决IE6中PNG背景不透明方法 解决PNG图片在IE6中背景不透明方法
- 使IE6正常显示PNG-24格式图片的两种方法
- 新分享一种解决ie6下PNG图片透明的方法