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背景、图片透明问题”。 首先,我们需要了解PNG图像格式。PNG是一种无损压缩的位图格式,支持透明度设置,包括完全透明和半透明。对于其他现代浏览器,如Fire...
在互联网的早期,Internet Explorer(简称IE)浏览器在处理PNG(Portable Network Graphics)格式的透明图片时存在一些兼容性问题,特别是在IE6及以下版本。这些版本的浏览器无法正确显示24位PNG图像的Alpha透明效果...
PNG(Portable Network Graphics)是一种无损压缩的位图格式,支持透明度,广泛应用于网页设计。然而,Internet Explorer 6...在实际应用中,结合条件注释、CSS滤镜和JavaScript库,可以有效地解决IE6下的PNG透明问题。
在IT行业中,尤其是在网页设计和开发领域,"解决ie6下png图片背景问题"是一个经典且重要的主题。Internet Explorer 6(简称IE6)是微软公司早期推出的一款浏览器,由于其对PNG(Portable Network Graphics)图像格式...
本文将深入探讨这个问题,并提供JavaScript解决方案来实现IE6下PNG图片的透明显示。 首先,我们需要理解为什么IE6不支持PNG透明。PNG-24格式允许半透明和全透明效果,但IE6只支持8位的PNG-8,而这种格式最多只能有...
2. **DD_belatedPNG**:这是一个非常著名的JavaScript库,由Dean Edwards开发,专门用于解决IE6下的PNG透明问题。通过添加额外的JavaScript代码,该库可以动态地修改DOM元素,使得PNG-24图像在IE6下表现得像在现代...
以上就是解决IE6下PNG图片透明问题的一些常见方法。在实际项目中,开发者通常会结合多种策略,以确保在各种浏览器环境中提供一致的用户体验。在提供的压缩包“32.IE6下png图片透明解决方案”中,可能包含示例代码、...
总结来说,要解决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图片无法透明显示的解决方案"很可能提供了更具体的处理方法,包括代码片段或详细步骤,可以帮助解决这个问题。在实际操作中,可以参考该...
本文将详细介绍两种有效解决IE6下PNG图片透明显示问题的方法。 #### 方法一:使用 CSS Hack ##### 原理 这种方法利用了IE6的一个特性,即它会解析特定的HTML注释,并执行其中的JavaScript代码。通过这种方式,我们...
现在很多web开发者都对ie6的png不能透明的问题头疼。这里推荐一个插件,方便大家使用。谢谢。
本教程将详细介绍如何解决IE6下PNG图片的透明问题。 首先,理解IE6对PNG透明性的不支持是由于其内核的限制。IE6只能正确处理PNG8格式的简单透明,即alpha透明,而对于PNG24格式的半透明(也称为阿尔法通道透明)则...
以下是一些解决IE6下PNG图片透明问题的方法: 1. **CSS滤镜方法**: IE6提供了一种名为`AlphaImageLoader`的CSS滤镜,可以用来处理PNG透明。通过添加以下CSS代码到你的样式表中,你可以解决这个问题: ```css ....
在早期的Web开发中,IE6...综上所述,这个压缩包的内容可能是一个完整的解决方案,包括了使PNG图片在IE6下透明的JavaScript代码以及处理HTML5兼容性的脚本,为开发者提供了在旧版IE浏览器中实现现代Web设计所需的支持。
以上两种方法都可以有效解决IE6下PNG图片透明度的问题,但在实际应用中,考虑到IE6的市场份额逐渐减少,开发者也可能选择仅对现代浏览器提供PNG透明效果,而让IE6用户看到不透明的图片。 这个压缩包中的"ie6中png...