`
wanjianfei
  • 浏览: 319233 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ie6中PNG透明效果的出现

阅读更多
ie6中PNG透明效果的出现
2007年05月31日 星期四 12:22

function isIE(){
if (navigator.appName!="Microsoft Internet Explorer") {return false}
return true
}

function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var LW=img.width
var LH=img.height
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
img.style.filter+="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+img.src+", sizingmethod=scale);"
img.src="images/transparent.gif"
img.width=LW
img.height=LH
}
}
}
if (isIE()) {window.attachEvent("onload", correctPNG);}

尔后需要在图片所在的目录images加一个背景透明的transparent.gif,尺寸为1*1px。然后背景中随便插PNG格式的图片都可以了。

谢谢eivs的帮助。

自己在网上搜索到的解决方案是

<div style="width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='fengmian/zw.png' sizingMethod='image')"></div>

但是每次都需要加载,有点小状况,很费解,用上面的方案解决后,就好多了!

搞完了,仔细看了下,使用的滤镜其实是一样的,但是前面加了个判断,了解,虽然不懂,但是保存着,说不定过两天就懂了!

分享到:
评论

相关推荐

    处理ie6下png格式透明效果

    总之,处理IE6下的PNG透明效果是一个既需要技术知识,又需要策略和经验的过程。通过以上的方法和注意事项,开发者可以有效地解决这个问题,确保网站在各种浏览器环境下都能呈现出预期的视觉效果。

    IE6中png透明效果显示

    在其他现代浏览器中,PNG-24可以无缝展示其透明效果,但在IE6中,它会出现背景色块或完全不透明的现象。 为了解决IE6下的PNG透明问题,有几种常见的解决策略: 1. **CSS滤镜方法**:IE6特有的CSS滤镜属性可以用来...

    IE6png透明JS

    PNG(Portable Network Graphics)是一种常见的图像格式,它支持24位真彩色以及Alpha通道透明度,但在IE6中,对于带有Alpha透明度的PNG-24图像,浏览器默认无法正确显示透明效果。这个问题导致了“IE6png透明JS”这...

    IE6下PNG透明代码

    为了解决这个问题,开发者们开发了各种JavaScript解决方案,以实现跨浏览器的PNG透明效果。 标题“IE6下PNG透明代码”所涉及的关键知识点包括: 1. **PNG格式图片**:PNG是网络上常用的图像格式之一,具有高保真性...

    ie6中png透明解决方案 js

    为了解决这个问题,开发者们采取了一些JavaScript技巧来实现IE6下的PNG透明效果。本压缩包提供的"ie6中png透明解决方案 js"正是针对这一问题的解决方案。 首先,我们需要理解PNG图片格式。PNG是一种无损压缩的图像...

    IE6不兼容png透明背景解决方法

    PNG是一种先进的位图格式,提供了24位颜色和透明度支持,但在IE6中,PNG-24格式的透明效果会呈现为灰色背景,这给网页设计带来了困扰。以下是对这个问题的深入探讨和解决方案。 首先,理解问题的根源:IE6对PNG-24...

    完美解决IE6下png透明

    但在IE6中,PNG-8(8位色)的透明效果可以正常显示,而PNG-24(24位色,支持半透明)则会出现问题。 为了解决这个问题,有以下几种常见方法: 1. **CSS滤镜法**:这是最常用的解决方式,利用CSS中的`filter`属性,...

    让 IE6 支持 PNG 透明

    在早期的网页设计中,IE6(Internet Explorer 6)浏览器对PNG图像格式的透明支持是有限的,尤其是对于PNG-24格式的图像,它只支持简单的索引颜色透明,而对于真彩色的PNG图像则无法实现透明效果。这给网页设计师带来...

    IE6完美解决PNG背景透明

    这个库通过JavaScript和CSS的结合,使得在IE6下也能呈现出与现代浏览器一致的PNG透明效果,包括平铺、定位和链接功能。开发人员在实际应用中,需要对JavaScript和CSS有一定的掌握,才能有效地利用这个工具。

    js_IE6支持png透明解决png_ie6下不透明背景图片

    总之,要解决IE6中的PNG透明问题,开发者通常需要借助JavaScript库和CSS滤镜。虽然这种方法在技术上可行,但也会带来额外的性能开销,并且只能在IE6中生效。随着现代浏览器的普及,这个问题逐渐变得不再重要,但了解...

    js实习在IE6下png透明效果

    网页设计在制作网站时时常会遇见IE6的PNG图片透明兼容问题,网上也有很多介绍关于IE6浏览器不显示PNG透明图片的解决方案,但多数是有问题的。应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和...

    IE6_PNG透明终极解决办法

    在IE6中,PNG透明问题主要体现在以下几个方面: 1. PNG8格式的图片,IE6只能正确处理索引颜色中的透明,即单一颜色的透明,无法处理复杂的半透明效果。 2. PNG24格式的图片,IE6会完全忽略Alpha透明通道,导致图片...

    IE6下PNG背景透明的方法

    在提供的压缩包文件中,`checkerboard.gif`可能是用于模拟透明背景的棋盘格图像,`blank.gif`可能是用于透明效果的占位符,`iepngfix.htc`是上面提到的HTC行为文件,`index.html`是示例网页,`alixixi.png`可能是...

    ie6-PNG透明渲染

    标题"ie6-PNG透明渲染"直指这一问题的核心:如何在IE6中正确地显示PNG图像的透明效果。在IE6中,PNG-24格式的图像虽然支持alpha透明(即半透明),但默认情况下会显示为不透明,而PNG-8格式则只支持索引透明(即非...

    超好用的IE6png透明JS

    这个库通过JavaScript代码来模拟PNG透明效果,使得在IE6浏览器中可以正确显示具有透明通道的PNG图片,从而提升了用户体验。虽然现在IE6的使用率已经非常低,但在过去,这样的解决方案是前端开发者必备的工具之一。 ...

    IE6 PNG 透明处理方法

    这个库通过JavaScript代码来模拟对PNG透明的支持,从而使得在IE6中可以正确显示带有透明效果的PNG图片。文件“DD_belatedPNG_0.0.8a.js”就是这个库的一个版本,它可以通过引入到HTML页面中,来为IE6提供透明PNG的...

    IE6兼容PNG透明

    要解决IE6中的PNG透明问题,有几种常见的方法: 1. **CSS滤镜(Filter)**:这是最常用的解决方案,通过CSS为图片添加特定的滤镜样式,使IE6能够理解并显示PNG透明。例如: ```css .pngFix { filter: progid:...

    IE 6 下PNG图片实现透明

    而PNG-24则可以显示更多的颜色并具有Alpha通道,能够实现不同程度的透明,但在IE6中默认是不透明的。 解决这个问题的一个常见方法是使用CSS滤镜。IE6特有的CSS滤镜属性可以用来模拟PNG-24的Alpha透明。例如,我们...

    IE 6 PNG透明通道

    在提供的文件中,"demo.htm"可能是演示如何在IE6中实现PNG透明通道的网页。这个文件可能包含了必要的HTML结构、CSS样式和JavaScript代码,以展示pngfix工具的工作原理。"复件 demo.htm"是该文件的副本,可能是为了...

    IE6下png透明处理脚本(js)

    VML是一种微软专为IE浏览器开发的矢量图形技术,它允许在IE6中创建具有透明度的元素。 2. **CSS Alpha Transparency Filter**: IE6支持CSS滤镜(Filter)属性,可以用来模拟透明效果。例如,可以使用`filter: ...

Global site tag (gtag.js) - Google Analytics