62,046
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
Banianer 2013-06-04
- 打赏
- 举报
从N年前到现在，对于web开发来说各种浏览器版本真是一个让人蛋疼的问题。
persuit666 2013-06-04
- 打赏
- 举报
最简单的方式 是更换png为其他图片格式，也不会增加浏览器负担了，因为没必要加上一大堆代码处理png了。
青春code 2013-06-04
- 打赏
- 举报
md5e 2013-06-04
- 打赏
- 举报
处理png有两种,一种是针对背景,一种是针对图片,用js+css的滤镜处理,缺点,图片不能居中
function enableAlphaImages() {
var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
if (itsAllGood) {
for (var i = 0; i < document.all.length; i++) {
var obj = document.all[i];
var bg = obj.currentStyle.backgroundImage;
var img = document.images[i];
if (bg && (bg.match(/\.png/i) != null || bg.match(/\.axd/i) != null) && (bg.match(/\icon/i) != null || bg.match(/\logo/i) != null)) {
var img = bg.substring(5, bg.length - 2);
//var offset = obj.style["background-position"];
obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img + "', sizingMethod='crop')";
obj.style.backgroundImage = "url('/Scripts/spacer.gif')"; //替换透明PNG的图片
//obj.style["background-position"] = "5px 5px"; // reapply
//obj.style.marginTop="5px";
} else if (img && img.src.match(/\.png$/i) != null) {
var src = img.src;
/*
jQuery(img).wrap("<a style=\"width:16px;height:16px;background: url('/Scripts/spacer.gif');filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ src +"',sizingMethod='crop');display: block;\"></a>");
jQuery(img).remove();
*/
img.style.width = img.width + "px";
img.style.height = img.height + "px";
img.style.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='image')";
img.src = "/Scripts/spacer.gif"; //替换透明PNG的图片
}
}
}
}
注意:这里需要用到一张空白透明的gif做底图/Scripts/spacer.gif
原理大概是这样，把所有png图片地地址都更换为/Scripts/spacer.gif,然后设置滤镜，将png以背景的形式映射在图片或层上边progid:DXImageTransform.Microsoft.AlphaImageLoader
爱_逆光 2013-06-03
- 打赏
- 举报
一点办法都没有吗？网上什么js法，css法，我用了都不管用啊。甚至有个说是翻译国外完美解决ie6png失效问题的文章，给了个测试地址，我用ie6打开，他测试地址的例子都不能透明，还是有灰底。。。。。。
以专业开发人员为伍 2013-06-03
- 打赏
- 举报
ie6真正支持png图片么？我还真的没有印象。
ie6下的silverlight、flash还差不多吧。
