解决ie6下png图片透明的完美方法

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

更新下载版本说明：
1.“ie6-png-2(filter)”文件中，滤镜控制调用背景透明和js控制插入图片透明不能同时出现，这样在不同浏览器下会有问题，可以分开使用；
2.“ie6-png-1(js)”文件中整理了一下更简单调用的方法，没有使用滤镜，经测试各浏览器下均能正常显示。强烈推荐使用这种方法！
 
ie6下透明效果预览（左图为CSS背景调用，右图为html代码中插入图片）：


 

示例下载地址：点击下载此文件

时间： 2024-10-30 06:14:11

解决ie6下png图片透明的完美方法的相关文章

用DD_belatedPNG解决IE6下PNG图片无法透明的问题

你了解png24吗? http://www.iyunlu.com/view/Front-end/60.html 对于png24的问题,之前用了pngFix,可以解决背景图片的问题.特别是对于标签,就没有什么效果. 用了DD_belatedPNG这款png处理插件. 优点 支持 backgrond-position 与 background-repeat,这是其他 js 插件不具备的. DD_belatedPNG 还支持 a:hover 伪类属性,以及 img 标签. 使用方便. 说明 如处理所有

css中解决ie6下背景图片底部不对齐错位办法

先来两段代码,一段是HTML代码,一段是CSS代码,下面的分析都是在这两段代码的基础上进行. HTML代码:  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1

js DD_belatedPNG解决ie6下png图片不透明方法

 原理 这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜. 使用方法 1.在这里下载DD_belatedPNG.js文件. http://dillerdesign.com/experiment/DD_belatedPNG/#download 2.在网页中引用,如下:    代码如下 复制代码 <!--[if IE 6]> <script src="DD_belatedPNG.js" mce_src

ie6下png图片透明解决方案

一点不影响速度.还有一种方法图片多时会变慢,而且必须准备一张透明的小图片transparent.gif,放在和html相同的目录,因操作麻烦,所以没有分享. 写法如下: <style type="text/css"> .mypng img { azimuth: expression( this.pngSet?this.pngSet=truethis.nodeName == "IMG" && this.src.toLowerCase().i

解决IE6下溢出多余文字Iebug多种方法

下面把自己做后的总结整理下:方案1:原因:出现这种情况绝大多数都是与浮动有关系的. [通常都是用这个方案解决的] 解决思路: 检查下出现这种情况的容器(比如DIV)是否有用到浮动,并且,当前浮动是否有必要应用:假如即使不用浮动也可以达到效果话,就将浮动去除.或是,加一个 "Clear:both" 清除浮动.(像绝对定位以及浮动这些属性,一般是能不用就不用,至于为啥俺说不出来,我是完全凭觉得做事的,事实证实我这么做是准确的 )方案2:原因:检查代码中是否有添加注释. 解决思路: 如果代码

解决IE6下不支持 png24的透明图片问题

常用的两种解决方案: 第一:使用IE滤镜解决 关键代码: css代码 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.update8.com/Web/CSS/css/images/png24.png",sizingMethod="crop"); 有几点注意点: 1:这里对应的src地址一定是相对于html页面的不是相对于css路径的

ie6下png图片背景不透明的解决办法使用js实现_javascript技巧

我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,下面给大家介绍下一个js解决的方式. 首先我们要用到一个js,代码如下: 复制代码 代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com * URL: http://www.diller

JS解决ie6下png透明方法

  解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK. <!DOCTYPE html> <html lang="en"> <head> <title>解决ie6下png透明方法之JS法-</title> <style type="text/css"> .a{background: #FFFF99 ; backgroun

JS解决ie6下png透明的方法实例

解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK.   复制代码 代码如下: <!DOCTYPE html> <html lang="en"> <head> <title>解决ie6下png透明方法之JS法-</title> <style type="text/css">  .a{background: #FFFF99