六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 112|回复: 0

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

[复制链接]

升级  16%

18

主题

18

主题

18

主题

秀才

Rank: 2

积分
74
 楼主| 发表于 2013-1-29 07:28:20 | 显示全部楼层 |阅读模式
png图片ie6下不透明的解决方法

<div class="postBody">在ie7+和ff下默认支持png的透明,ie6里面是没有透明效果的。查了几种方案,备忘
1、采用方案

<input name="image" type="image" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/test.png',sizingMethod='crop'); "/>既:<style type="text/css"><!--.pngpic { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pngpic.png',sizingMethod='crop'); }--></style> 2、备选
function fixPng() {   var arVersion = navigator.appVersion.split("MSIE")   var version = parseFloat(arVersion[1])    if ((version >= 5.5 && version < 7.0) && (document.body.filters)) {     for(var i=0; i<document.images.length;></document.images.length;>      var img = document.images;       var imgName = img.src.toUpperCase();       if (imgName.indexOf(".PNG") > 0) {         var width = img.width;         var height = img.height;         var sizingMethod = (img.className.toLowerCase().indexOf("scale") >= 0)? "scale" : "image";         img.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src.replace('%23', '%2523').replace("'", "%27") + "', sizingMethod='" + sizingMethod + "')";         img.src="images/blank.gif" mce_src="images/blank.gif";         img.width = width;         img.height = height;         }       }     }   }
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表