png IE6兼容.docVIP

png IE6兼容 background:url(/skin/ntag_widget/mtagpic/left/1/top_bg.png) repeat-y scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=icon_home.png); /* IE6 */ _ background-image: none; /* IE6 */ 以下内容均为网络搜索资料```只为学习而记录. FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 第 1 种方法:定义一个样式,给某个div应用这个样式后，div的透明png背景图片自动透明了。（注意两处图片的路径写法不一样，本例中，icon_home.png图片与html文件在相同目录） !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title style 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 /head body div 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.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title style 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 /head body 换成你的png图片 div class=mypng img src=icon_face_07.png width=30 height=30 / img src=