`
wanjianfei
  • 浏览: 307257 次
  • 性别: 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背景透明的显示问题 让IE6显示透明PNG背景图片

    处理ie6下png格式透明效果

    处理ie6下png格式图片透明的效果,及处理完之后再ie6下碰到的情况及建议。

    js实习在IE6下png透明效果

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

    ie(IE) png 半透明 插件

    内含插件及使用说明 ie(IE)png半透明插件使用微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性。

    解决ie6 PNG透明问题——两种方法都好用哦

    第一种:复制进去就能使ie6 png透明 第二种:IE6下PNG背景透明的解决办法

    IE6 png背景图片透明

    IE6 png背景图片透明,在IE6下,让PNG背景图片透明,效果不错,谁用谁知道。

    IE6 PNG图片透明

    IE6中,png图片不透明解决方案,保证有效,声明:使用ietester测试可能没有效果,请使用真正的ie6

    ie6下png图片透明解决方案(共2套)最新版

    看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色。特对一些优秀页面进行分析整合,整理了两套相当有效的解决方案,...

    让IE6支持png半透明图片(支持背景平铺、定位)

    4 如果想使用背景平铺和定位的效果,以前的步骤做完之后,我们还要再引用 iepngfix_tilebg.js 这个js,才能使png图片在ie6中平铺时实现透明效果,像下面这样: &lt;script type="text/javascript" src="iepngfix_...

    ie6 png 图片透明背景解决方法

    ie6 png 图片透明显示 解决ie6的不兼容alpha透明通道,使png图片ie6...此处我添加了个body的png透明背景,使效果看起来更明显 放在页面中时,可将body样式去除,应用到自己所需要的兼容的图片中 测试时记得使用ie6测试

    png ie6下无法显示透明效果解决方法

    png ie6下无法显示透明效果解决方法

    ie6透明效果的js

    解决前端一直头痛的问题:png图片在ie6显示透明效果

    IE6下PNG完全完美透明效果【强烈推荐】

    一张png透明图片,在IE下是很好解决的,我也尝试了很多种,包括js法,滤镜css法等等,感觉总体来说都不是很完美,而且如果同时使用Sprites方法,就不是那么简单容易的事情了。最终发现了使用htc方法嵌到css文件中...

    ie6透明图片js

    ie6中使用png可以实现透明效果的javascript

    PNG 背景透明插件 For IE

    这一款插件可以帮你快速解决这一问题,它的核心是 iepngfix.htc 文件,自带的示例文件,将告诉你在什么情况下可以调用本插件,让PNG背景图片在不同版本的浏览器下都自动透明,示例效果如上图所示。

    ie6下png图片透明最终解决方案(共二套)

    看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色。今天特下载网上一些优秀页面进行分析整合,整理了两套相当有效的...

    Png图片透明效果,基于jquery.pngFix.js实现.rar

    基于jQuery为核心的,兼容IE5.5及以上版本浏览器的PNG透明插件,细心的朋友会发现,在IE5.5与IE6.0中,PNG会显示灰色的背景,而不是透明的背景,有些人误认为是PNG图像的问题,在图像软件中任凭怎么调整都解决不了...

    png透明另类写法两种解决方案

    IE 6 下PNG背景往往出现灰色,其他浏览器下对PNG支持的很好。...2、在方法一中的JS与你网页JS出现冲突的情况下,可以选择方法二,直接调用一个iepngfix.htc和blank.gif即可达到效果。懒人之家推荐下载

    旧浏览器PNG图片透明效果脚本 IEPNGFix v2

    支持IE5.5以上 支持PNG图片悬停透明

    PNG32透明BUG不再蛋疼了!不用JS

    之前解决透明图问题的时候都是采用切图来控制,切gif或png8,索引色透明都是可以搞定ie6的。但是,今天遇到要切一个logo,用了各种柔 化,内投,所以再切gif和png8的时候都不起作用了,效果极恶心。所以只好切Png32...

Global site tag (gtag.js) - Google Analytics