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;
}
}
}
判断是否是IE6
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(navigator.userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if(fIEVersion<7){
correctPNG();
}
分享到:
相关推荐
本文将深入探讨如何解决IE6中的PNG图片透明问题,并提供相应的解决方案。 首先,我们需要理解问题的本质。PNG8格式支持索引色和简单的全局透明,而PNG24则支持真彩色和全透明。在IE6中,PNG24的Alpha透明通道无法...
完美解决IE6下png背景、图片透明问题
在互联网的早期,Internet Explorer(简称IE)浏览器在处理PNG(Portable Network Graphics)格式的透明图片时存在一些兼容性问题,特别是在IE6及以下版本。这些版本的浏览器无法正确显示24位PNG图像的Alpha透明效果...
在IT行业中,尤其是在网页设计和开发领域,"解决ie6下png图片背景问题"是一个经典且重要的主题。Internet Explorer 6(简称IE6)是微软公司早期推出的一款浏览器,由于其对PNG(Portable Network Graphics)图像格式...
总结来说,要解决IE6.0下的PNG背景透明和链接点击问题,开发者需要借助特定的JavaScript库(如`ie6-png.js`)和CSS技巧(如`behavior: url(ie6-png.htc)`和`z-index`)。虽然现代浏览器已经不再需要这些技巧,但理解...
`checkerboard.gif`可能是用于模拟透明背景的棋盘格图像,`blank.gif`可能是用于透明效果的占位符,`iepngfix.htc`是上面提到的HTC行为文件,`index.html`是示例网页,`alixixi.png`可能是测试用的PNG图片,`使用...
解决IE6中的PNG透明问题,主要有以下几种方法: 1. **CSS滤镜法**:利用CSS的`filter`属性,可以实现IE6对PNG24透明的支持。例如: ```css .pngFix { filter: progid:DXImageTransform.Microsoft....
3,demo-htc通过iepngfix.htc文件实现透明度,同时通过修改html结构得到想要的结果,但存在文档内容顺序的问题。 4,最后,demo-DD,此方法完美解决,不过需要在设置png背景的div上添加class=“png”的类。
本文将详细介绍如何解决IE6下的PNG透明问题。 PNG图像格式,特别是PNG-24类型,提供了高质量的图像和阿尔法通道透明度,使得元素可以实现半透明或者部分透明的效果。然而,在IE6中,由于其内核对PNG8(8位色,不...
可能是关于ASP.NET中的GridView控件如何固定表头的教程或代码示例,而"IE下png图片无法透明显示的解决方案"很可能提供了更具体的处理方法,包括代码片段或详细步骤,可以帮助解决这个问题。在实际操作中,可以参考该...
现在很多web开发者都对ie6的png不能透明的问题头疼。这里推荐一个插件,方便大家使用。谢谢。
以下是一些解决IE6下PNG图片透明问题的方法: 1. **CSS滤镜方法**: IE6提供了一种名为`AlphaImageLoader`的CSS滤镜,可以用来处理PNG透明。通过添加以下CSS代码到你的样式表中,你可以解决这个问题: ```css ....
以上两种方法都可以有效解决IE6下PNG图片透明度的问题,但在实际应用中,考虑到IE6的市场份额逐渐减少,开发者也可能选择仅对现代浏览器提供PNG透明效果,而让IE6用户看到不透明的图片。 这个压缩包中的"ie6中png...
在互联网的早期,Internet Explorer 6 (IE6) 是广泛使用的浏览器之一,但它存在许多兼容性问题,其中就包括PNG图片透明度的问题。PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法...
总的来说,解决IE6下的PNG半透明问题需要开发者对浏览器兼容性有深入理解,并能灵活运用各种技术手段。虽然随着IE6的市场份额逐渐减少,这个问题的重要性已经不如从前,但在维护旧项目或确保广泛用户群的兼容性时,...
只需引入库并调用相应函数,即可使PNG图片在IE6下变得透明。 3. **CSS Hack**:开发者还可以利用CSS选择器的特定性来为IE6单独设置样式。例如,可以使用`*html`前缀或者`_height`这样的非标准属性,将透明滤镜应用...
总的来说,解决IE6下的PNG透明问题需要对浏览器兼容性有深入理解,并熟练运用各种技术手段,包括滤镜、JavaScript库和CSS hack。尽管现在IE6的使用率已经极低,但这些知识对于理解浏览器兼容性和前端历史仍然很有...
在早期的网页设计中,IE6(Internet Explorer 6)浏览器对PNG图片格式的支持存在一些问题,特别是对于PNG-24格式的图片,它无法正确处理半透明效果,导致设计师和开发者面临诸多挑战。"IE6_PNG_position(定位)&...
在早期的Internet Explorer 6...综上所述,解决IE6下的PNG图片透明问题需要结合CSS滤镜、JavaScript库以及适当的布局调整。虽然现在IE6的使用率已经非常低,但在维护旧项目或考虑全球用户时,这些问题仍然值得关注。
“解决了图片在下绿色底的烦恼”,这句话进一步强调了这个插件的目标是解决IE浏览器中PNG图片透明度缺失的问题,避免由于透明处理不当导致的不期望的背景颜色,特别是用户经常抱怨的“绿色底”。 “要写父容器”...