解决IE6下PNG图片不透明的方法.docxVIP

第 1 种方法:定义一个样式,给某个div应用这个样式后，div的透明png背景图片自动透明了。（注意两处图片的路径写法不一样，本例中，icon_home.png图片与html文件在相同目录）!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title无标题文档/titlestyle?type=text/css!--.qq {height: 90px;width: 90px;background-image: url(icon_home.png)!important;/* FF IE7 */background-repeat: no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=icon_home.png); /* IE6 */_ background-image: none; /* IE6 */}--/style/headbodydiv class=qq/div/body/html第 2 种方法: 给img定义样式，页面上所有透明png即自动透明了。（这方法只对直接插入的图片有效，对背景图无效）注意，要准备一个透明的小图片transparent.gif,大小不限。必须放在和html相同的目录请勿大量使用，否则会导致页面打开很慢!!!)!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title无标题文档/titlestyle type=text/css.mypng img {azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == IMG this.src.toLowerCase().indexOf(.png)-1?(this.runtimeStyle.backgroundImage = none,this.runtimeStyle.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src= + this.src + , sizingMethod=image),this.src = transparent.gif):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace(url(,).replace(),),this.runtimeStyle.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src= + this.origBg + , sizingMethod=crop),this.runtimeStyle.backgroundImage = none)),this.pngSet=true);}/style/headbody换成你的png图片div class=mypngimg src=icon_face_07.png width=30 height=30 /img src=icon_face_10.png width=30 height=30 /img src=icon_face_08.png width=30 height=30 //div/body/html第 3 种方法:用JS实现,加上一段js代码后,所有插入的透明png自动透明了.（注意，这方法也是只对直接插入的图片有效，对背景图无效）!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charse