1

Possible Duplicate:
PNG Transparency Problems in IE8

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?

Community
  • 1
  • 1
user1102152
  • 61
  • 1
  • 8

1 Answers1

0

Unfortunately this is a problem with IE and (as far as I know) there isn't a fix for it with transparent or alpha-transparent png's.

The best solution I've found is to use solid-background jpg's when you can.

Fluidbyte
  • 5,162
  • 9
  • 47
  • 76