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