kensbeijing Posted January 5, 2010 Share Posted January 5, 2010 I don't know if it's my settings or the image properties but some PNG images with transparency look ugly in Internet Explorer 8.The image on the left is IE and the right is firefox.Does anyone know any settings that are required for the PNG files? Link to comment Share on other sites More sharing options...
thescientist Posted January 5, 2010 Share Posted January 5, 2010 Is it being stretched? If you're picture is one size, is it being sized larger in your HTML? Link to comment Share on other sites More sharing options...
kensbeijing Posted January 5, 2010 Author Share Posted January 5, 2010 Is it being stretched? If you're picture is one size, is it being sized larger in your HTML?No, it's just placed there. It's a 24bit PNG with transparency, if you wanted to know.I'v heard of PNG bugs in IE6, but this is IE8! Link to comment Share on other sites More sharing options...
Ingolme Posted January 5, 2010 Share Posted January 5, 2010 I've seen PNG images get like that if you play with their alpha(opacity) filter with Javascript. Link to comment Share on other sites More sharing options...
kensbeijing Posted January 5, 2010 Author Share Posted January 5, 2010 I've seen PNG images get like that if you play with their alpha(opacity) filter with Javascript.Yea, that was a fix for IE6. They say that IE7 and 8 supports alpha transparency. Has anyone saved PNGs for the web on photoshop before? The thing is, I'v got some PNGs that work fine (smaller ones), but these are 100px x 100px and they show up looking like that. Link to comment Share on other sites More sharing options...
ShadowMage Posted January 5, 2010 Share Posted January 5, 2010 I'v heard of PNG bugs in IE6, but this is IE8!That's exactly the problem, its IE! Link to comment Share on other sites More sharing options...
Ingolme Posted January 5, 2010 Share Posted January 5, 2010 Yea, that was a fix for IE6. They say that IE7 and 8 supports alpha transparency. Has anyone saved PNGs for the web on photoshop before? The thing is, I'v got some PNGs that work fine (smaller ones), but these are 100px x 100px and they show up looking like that.That's not a fix. Did you read my post properly?I got that problem with PNGs by playing with their opacity in Internet Explorer 7. Link to comment Share on other sites More sharing options...
kensbeijing Posted January 5, 2010 Author Share Posted January 5, 2010 That's not a fix. Did you read my post properly?I got that problem with PNGs by playing with their opacity in Internet Explorer 7.Oh right yea sorry, I thought you mean play with their opacity to achieve the better image. And yea you could be right, my images fade in. Now that's annoying, it will ruin the nice look and feel of my site. I guess I need a huge warning sign to get people off IE as soon as the page loads up. Link to comment Share on other sites More sharing options...
ShadowMage Posted January 5, 2010 Share Posted January 5, 2010 What about saving your images in a different format like jpg or gif? Link to comment Share on other sites More sharing options...
Ingolme Posted January 5, 2010 Share Posted January 5, 2010 Oh right yea sorry, I thought you mean play with their opacity to achieve the better image. And yea you could be right, my images fade in. Now that's annoying, it will ruin the nice look and feel of my site. I guess I need a huge warning sign to get people off IE as soon as the page loads up.The fix is difficult. You need to update the "progid:DXImageTransform.Microsoft.AlphaImageLoader" filter of the image each time you modify the opacity. Complicated, really. Link to comment Share on other sites More sharing options...
Synook Posted January 6, 2010 Share Posted January 6, 2010 What about saving your images in a different format like jpg or gif?Only the PNG format has alpha transparency. Link to comment Share on other sites More sharing options...
kensbeijing Posted January 6, 2010 Author Share Posted January 6, 2010 Only the PNG format has alpha transparency.Well as it works fine in other browsers, I can still use the faded affect for them. As for IE, there will be no fading affect, as it won't even support opacity: in CSS. Which is confusing, why can't it be the same like everyone else. Link to comment Share on other sites More sharing options...
Synook Posted January 6, 2010 Share Posted January 6, 2010 Opacity is a CSS3 property, and MS are committed to not supporting CSS3 in IE8 and below. Most other browser's development teams just add features they think are useful Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.