ie6下png透明最佳解决方案.docx

ie6下png透明最佳解决方案篇一:ie6下png图片透明的终极解决方案IE6下png透明问题解决的最佳方案20XX-07-2311:08[小大]:Chinaz用户投稿评论:18分享至:白度权重查询站长交易友情链接交换网站建设,网站设计,企业建站就找313本来只是一张png透明图片,在IE下是很好解决的,我也尝试了很多种,包括 js法,滤镜css法等等,感觉总体来说都不是很完美,而且如果同时使用 Sprites方法,就不是那么简单容易的事情了。 最终发现了使用 htc方法嵌到css文件中基本可以一次性解决大部分的透明问题。这种方法已经有很多人介绍过了,但是因为页面是英文,很少有人翻译,也就很少人会去使用。 下面就详细介绍下这种方法:此方法本身的demo地址:/css/iepngfix/demo/(说过了是全英文的,不要着急哦)可解决:1、 页面中使用〈〈img》标签加入的png透明图像2、 css中使用background加入的png透明背景(支持多种版本)3、某些版本的background的png透明,需要在当前页添加一个js解决下载文件包:/css/iepngfix/1、 下载后,解压出来,会有很多文件,其中我们需要用到的有3个文件:,iepngfix_2、你可以把他们分另U传到相应的css,js和imagesB录中,当然,也可以建立新的文件夹,比如名为: iepng的文件夹,把他们传到其中3、 添加第一句代码,这是在html文件中添加的格式,不要忘记修改htc文件的路径,如果怕出错,直接使用相对根目录的路径,比如/iepng/,这样一般不会出错,当然你也可以把behavior:url()这句添加到你的文件中去img,div{behavior:url;}4、使用记事本,或类似的工具打开文件,将其中blankImg的文件路径替换成你自己的,比如/iepng/,根据自己的实际情况。='/images/';5 、将下面这句js调用代码加到需要页面的〈〈head》中去(此步不是必须的,如果你的 head部分的include统一调用的,推荐一定加上这句)经过以上步骤,基本可以实现 IE下png的透明效果了至少我现在没发现什么问题,如果有出现问题,欢迎一起讨论下,记得跟我说下哦,谢谢啦! 原文地址:blog_篇二:让IE6支持png图片透明七种方法PNG图像格式介绍:PNG健20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特 性。流式网络图形格式名称于非官方的“PNGsNotGIF”,是一种位图文件存储格式,读成“ping”。PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到 48位,并且还可存储多到16位的以通道数据。IE6下PNG背景透明的显示问题PNGa式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比 GIF格式出色很多,目前,最新的浏览器基本上都支持PN溯式。但是IE6不支持PNGf景透明,会显示一个灰色的框。{background:url;_background:url;} 注意上文的_号,目前IE7,8以及Firefox浏览器等都不支持此CSS语法,只有IE6识别。因此,其他浏览器会调用 PNG而IE6刚调用GIF。滤镜filter 解决IE6下背景灰background:urlrepeat-x00;_background:none;_filter:progid:;上面的原理是其他调用PNGIE6,则先设背景没有,然后调用滤镜使之显示PNGS片。缺陷:IE6下背景无法平铺,这个问题很严重。同时在性能上也有小问题,页面中次数不是很多的时候该办法还是可行的。AlphaImageLoader滤镜会导致该区域的链接和按钮无效,解决的办法是为链接或按钮添加: position:relative;这样条代码,使其相对浮动。AlphaImageLoader无法设置背景的重复,所以对图片的切图精度会有很高的精确度要求。解决IE下的链接无效可用最后面的方法:利用JS解决html中的imgpng背景灰问题页面中插入一段js即可。原理同上,只是将img标签用标签替换掉,并且通过滤镜设置该标签的backgroundo它会将所有插入的PNGtP如此处理。functioncorrectPNGfor(varimg=[i];varimgName=;if=="PNG")(varimglD="id='"++"'":"";varimgClass="class='"++"'”:"";varimgTitle="title='"++"'":"title='"++"'";;varimgSt