ie8 fadein with transparent png not working

Posted by user1102152 on Stack Overflow See other posts from Stack Overflow or by user1102152
Published on 2012-10-11T15:31:40Z Indexed on 2012/10/11 15:37 UTC
Read the original article Hit count: 118

i have this site:

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

i am using transperent png as my background where needed and internet explorer loves to mess things up.

i have an effect where you press on a link and then you see the background forst and after you see the "site"....

in chrome and firefox it workes great but ie8 doesnt give me a chance...

this is the code plus a code i added from here in 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);

someone has a fix for this?

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about internet-explorer-8