PNG Transparency

Why in IE6 does the transparency for png's not work. Is there a way around this?

this is a known bug in IE6 and fixed (I think) in IE7. I have used IE7 a
lot and haven't come across this problem while using it so I guess that Mr gates must be telling the truth.

There are a number of "workarounds" particularly if you are building
websites, it seems the open source community are yet again doing things that
Microsoft can't or won't(?)

One of the easiest workarounds was to use GIF!!

If you were editing the image in Adobe then make sure you are using it in
"RGB" and not "Index" modes because this will play merry hell with colour and
balance. This may happen in other image editors as well but I cant be sure

you may also want to look at this http://www.zelph.com/archives/2005/0...arency-script/

__________________
My Recipe forum... For all your food needs

Here you go Jacob

Cross-Browser Variable Opacity with PNG: A Real Solution

Or one of these:

PNG in Windows IE: How To Use
PNG Behavior
PNG overlay using one single Image element
Improved PNG Behavior

IE 7 handles PNG files correctly, IE 5.5/6 require a hack IE pre 5.5 out of luck.

__________________

What hack would you recommend moojoo?

I just got through doing this five seconds ago. I used php and a browser sniffer to replace the .png with a .gif, which is easy enough (code below). My problem was making a transparent .gif for text that looked good. I found you can do an okay transparent .gif with text if you give the transparency a broad tolerance an make all partially transparent pixels opaque.

If you don't know PHP, I'm pretty sure you can just cut and paste this snippet in (as long as your ISP has php enabled); just be sure to use a ".php" file suffix instead of ".html" on any file you use it in.

Code: Select all

<?php
$brw= $_SERVER['HTTP_USER_AGENT'];
            if ((eregi("msie", $brw)) && eregi("[6]\.[0-9]", $brw)) {
                    echo '<img src="images/foobar.gif" ';
                    } else {
                    echo '<img src="images/foobar.png" ';
                    }  
?>
width="33" height=...  />

change "images/foobar.gif" to the relative location of your .gif file, and the same for the .png file.

This is for IE 6.*. If you want to include earlier versions of IE, you'll need to modify the regex. I may get around to it, but I'll tell you, worrying about pre-6.0 IE is not a big priority for me.

(PS the code goes where the beginning of "<img " would go in html.)