IE6 and png Images

[kevin plummer]

Doing all my testing on Firefox and everything looks great!

Cranked up IE6 and all the png images on buttons etc that have transparent backgrounds now display with an ugly black background. Any way to fix?

Also, tested on Safari and the buttons for the browse (first, Next, Previous and last) display vertically not horizontally. Where do I look to try and fix this one?

Cheers,

Kevin

[Bruce]

Hi Kevin,

IE 6 does have some problems with PNG's.
In the short term there's not an awful lot you can do about it. There is some code in NetTalk that can help (in some cases) but it doesn't work if the image is "hidden" as the page opens.

One option is to not use PNG, but use GIF - but of course GIF has only "hard" transparencies, and has a limited palette.

On the up side, IE 7 is an "automatic upgrade" for IE 6, so IE 6 folks should be encouraged to use it. Apart from anything else it's more secure.

Cheers
Bruce

[Wolfgang Orth]

Where do I look to try and fix this one?

Hello Kevin,

there is a small script that needs to be uploaded and referred to in your CSS:

Script:
http://trac.symfony-project.com/trac/browser/trunk/data/web/sf/sf_default/css/pngfix.htc?rev=2692

or http://tinyurl.com/23x5t3


In your page you add

<STYLE type="text/css">
IMG { behavior: url("pngfix.htc"); }
</STYLE>

hth
Wolfgang