BrotherBear Posted May 18, 2007 Share Posted May 18, 2007 hi all I'm making the images for my index page and looks great but when I use another Computer some images look with a gray or white background where shouldn't be any BG at all someone said that this happens 'cause IE does not support the transparent BG of Fireworks CS3 PNG file and that I should use gif instead but when I did that I couldn't quit the Background so what can I do to just have the text or images with no background? thanks!!! BB Quote Link to comment Share on other sites More sharing options...
johnrcornell Posted May 18, 2007 Share Posted May 18, 2007 PNG is king-of-web graphics in my opinion, because of its alpha channel properties (in other words, an opacity gradient in the image if you want it.) Unfortunately, Microsoft has fucked us again by providing no support for that, although promising support for it since 1994. Technically, the alpha channel is an optional part of the PNG specification, so this is the grounds that Microsoft uses to defend their laziness. GIF has transparency, but it is not a channel, it is on or off. With GIF, you specify a "matte" color, which is used for anti-aliasing so it blends into the transparency as much as possible. However, when you're using a background that isn't a solid color this isn't so-great of a solution. Quote Link to comment Share on other sites More sharing options...
BrotherBear Posted May 18, 2007 Author Share Posted May 18, 2007 thanks john!! for the help and the quick reply so what do u suggest me to do with the images? BB Quote Link to comment Share on other sites More sharing options...
johnrcornell Posted May 19, 2007 Share Posted May 19, 2007 You're welcome! What you do with the images is a matter of how much time you have on your hands. I personally like the effect of PNG's alpha channels on my backgrounds so much that I create two sets if images, one set in PNG and the other in GIF. I have the files the same name, just with different extensions. Then I have JavaScript look to see if they're using IE, and if they are change the "img src" path to .gif, and if they're not use .png. If you don't have the time to make two sets of images, and write JavaScript to detect the browser, you'll have to just use GIF images. If I can figure out how to build a time machine, I will go back to Bill Gate's garage and abduct him and then you will be able to use only PNGs. Hope this helps. John Quote Link to comment Share on other sites More sharing options...
svivian Posted May 29, 2007 Share Posted May 29, 2007 Try the code from this site: http://homepage.ntlworld.com/bobosola/ Quite famous "PNG fix" for IE versions before 7. The problem with that code is it won't fix PNG images specified in stylesheets (as backgrounds, etc). Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.