带有透明png的ie8淡入淡出不起作用[重复]答案

【问题标题】：ie8 fadein with transparent png not working [duplicate]带有透明png的ie8淡入淡出不起作用[重复]
【发布时间】：2012-10-02 08:03:23
【问题描述】：

可能重复：
PNG Transparency Problems in IE8

我有这个网站：

http://thecodefixer.com/tatmuda/blog/

我在需要的地方使用透明 png 作为我的背景，而 Internet Explorer 喜欢把事情搞砸。

我有一个效果，你点击一个链接，然后你看到背景，然后你看到“网站”......

在 chrome 和 firefox 中效果很好，但 ie8 没有给我机会...

这是代码加上我在 stackoverflow 中添加的代码：

var i;

for (i in document.images) {
if (document.images[i].src) {
    var imgSrc = document.images[i].src;
    if (imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) 
=== '.PNG') {
        document.images[i].style.filter = 

"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + imgSrc + "')";
    }
}

}

setTimeout(function () { $("div#main").fadeIn("slow"); }, 4000);

setTimeout(function () { $("div#footer").fadeIn("slow"); }, 4000);

有人可以解决这个问题吗？

【问题讨论】：

不，这不是问题，我只是想要一个漂亮的淡入淡出

标签： jquery internet-explorer-8 png transparency

【解决方案1】：

不幸的是，这是 IE 的一个问题，并且（据我所知）没有使用透明或 alpha 透明 png 的解决方法。

我发现的最佳解决方案是尽可能使用纯背景 jpg。

【讨论】：