在ie7+和ff下默认支持png的透明,ie6里面是没有透明效果的。查了几种方案,备忘
1、采用方案
<input name="image" type="image"
style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/test.png',sizingMethod='crop'); "/>
既:
<style type="text/css">
<!--
.pngpic { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pngpic.png',sizingMethod='crop'); }
-->
</style>
2、备选
function fixPng() {
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5 && version < 7.0) && (document.body.filters)) {
for(var i=0; i<document.images.length;></document.images.length;> var img = document.images[i];
var imgName = img.src.toUpperCase();
if (imgName.indexOf(".PNG") > 0) {
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;
}
}
}
}
分享到:
相关推荐
本文将深入探讨这个问题,并提供JavaScript解决方案来实现IE6下PNG图片的透明显示。 首先,我们需要理解为什么IE6不支持PNG透明。PNG-24格式允许半透明和全透明效果,但IE6只支持8位的PNG-8,而这种格式最多只能有...
这篇博文将探讨如何解决这个问题,使PNG图片在IE6中实现背景透明。 首先,我们要理解为什么PNG图片在IE6中会出现透明问题。IE6并不完全支持PNG8和PNG24格式中的Alpha通道,这导致了图片背景无法透明显示。为了解决...
本文将详细介绍如何解决IE6下的PNG图片背景色不透明问题。 首先,理解问题的原因至关重要。IE6不完全支持PNG8和PNG24这两种PNG格式。特别是PNG24,它包含了24位颜色和一个alpha通道,用于实现半透明效果,但IE6只能...
3. **图片替换法**:如果项目允许,可以考虑将PNG图片替换为其他在IE6下支持透明的格式,比如GIF。但是,GIF格式只支持二值透明(非透明/全透明),且压缩效率较低,因此在质量和文件大小上可能会有所牺牲。 4. **...
总的来说,解决IE6下PNG图片背景不透明的问题需要对CSS滤镜有深入的理解,并且要灵活应对可能出现的各种兼容性问题。在现代浏览器广泛使用的今天,虽然IE6的问题逐渐减少,但了解这些历史遗留问题可以帮助我们更好地...
通过以上步骤,你就可以使用jQuery成功地解决IE6下PNG图片不透明的问题。这个解决方案虽不能完全消除IE6带来的困扰,但至少能让你的网站在古老的浏览器上看起来更加正常和专业。然而,随着现代浏览器的普及,对于新...
本话题将详细讨论如何使用JavaScript来解决IE6下的PNG不透明问题,以及相关的技术原理和代码实现。 首先,我们需要理解问题的根源。IE6不支持PNG-24(包含Alpha通道,用于实现半透明)的透明特性,但支持PNG-8(8位...
标题“如何解决IE6下png不透明”涉及的是一个经典的前端开发问题,主要与Internet Explorer 6(简称IE6)浏览器对PNG图像格式的支持有关。在IE6中,PNG-24格式的图像存在透明度问题,即不能正确显示半透明效果,这对...
### js修复IE不能显示PNG图片透明背景的方法 #### PNG图片及其特性 PNG(Portable Network Graphics)是一种常用的位图图形格式,以其高效的压缩算法和对透明度的支持而受到广泛青睐。相较于传统的GIF格式,PNG...
标题提到的"解决ie6下透明图片不透明问题"直指一个历史悠久且颇具特色的难题:Internet Explorer 6(简称IE6)对PNG透明度的支持。在IE6之前,GIF格式常用于实现网页上的透明效果,但其色彩有限,而PNG格式则提供了...
以上就是实现IE6下PNG图片透明的几种常见方法。虽然现代浏览器已经不再存在这些问题,但考虑到仍有一部分用户可能还在使用IE6,这些技术对于开发兼容性良好的网站仍然是必要的。在实际应用中,结合条件注释、CSS滤镜...
本文将详细介绍两种有效解决IE6下PNG图片透明显示问题的方法。 #### 方法一:使用 CSS Hack ##### 原理 这种方法利用了IE6的一个特性,即它会解析特定的HTML注释,并执行其中的JavaScript代码。通过这种方式,我们...
解决IE6下的PNG图片不透明问题,通常有以下几种方法: 1. 使用CSS滤镜(Filter): IE6特有的CSS滤镜属性可以解决这个问题。例如,对于一个具有PNG透明背景的元素,可以添加如下样式: ```css .png-fix { ...
下面我们将详细讨论如何在IE6下使用JavaScript解决PNG图片透明问题。 首先,我们需要理解PNG图片透明的原理。PNG图片支持24位颜色以及8位的alpha通道,也就是所谓的PNG-24格式,它允许图片部分像素具有不同程度的...
在探讨“png ie6下无法显示透明效果解决方法”这一主题时,我们首先需要理解问题的背景和原理。Internet Explorer 6(以下简称IE6)作为一款发布于2001年的浏览器,在处理PNG图像的Alpha通道(即透明度)方面存在...
标题"IE6下完美解决png图片半透明问题"所指的,就是针对这个特定的IE6浏览器与PNG图像的兼容性问题,寻找并应用一种方法来实现PNG图像在IE6中的正常显示,包括其半透明特性。解决这个问题通常涉及到CSS滤镜(Filter...
5. **PNG透明修复脚本**:压缩包内的“IE6 PNG处理”脚本可能是一个JavaScript库,如DD_belatedPNG,它通过检测浏览器版本,对IE6下的PNG图片进行特殊处理,使其能够正确显示透明效果。这类脚本通常会分析图片,创建...
IE6对PNG-8格式的支持基本没有问题,但当涉及到PNG-24格式时,它的Alpha透明通道无法正常工作,导致半透明或全透明的像素呈现为不透明,这严重影响了网页设计的视觉效果,尤其是在需要背景透明或者半透明图像的情况...
2. **IE6的PNG兼容性问题**:由于IE6的浏览器内核不完全支持PNG24,所以导致透明PNG在IE6下显示时会出现“灰边”或背景不透明的问题。这主要是因为IE6使用了名为“AlphaImageLoader”的滤镜来尝试处理透明PNG,但...
以上两种方法都可以有效解决IE6下PNG图片透明度的问题,但在实际应用中,考虑到IE6的市场份额逐渐减少,开发者也可能选择仅对现代浏览器提供PNG透明效果,而让IE6用户看到不透明的图片。 这个压缩包中的"ie6中png...