williams | silverpeakarts.ca » wed development http://www.silverpeak.ca/spblog the art and mind of me Fri, 16 Jul 2010 17:23:48 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Blue Boxes, PNGs, and Windows IE 6 http://www.silverpeak.ca/spblog/2009/10/20/boxes_explorer6_png/ http://www.silverpeak.ca/spblog/2009/10/20/boxes_explorer6_png/#comments Tue, 20 Oct 2009 15:15:02 +0000 admin http://www.silverpeak.ca/spblog/?p=592 The Problem

Transparent PNGs appear with Blue Boxes where the transparency should be in Windows IE 6 and earlier. WHY? Simply put, the support for transparent PNG images was not implemented in Windows IE until version 7.

The transparent areas of a PNG are converted to BLUE in Windows IE 6.

The transparent areas of a 24-bit transparent PNG are converted to BLUE in MS Explorer 6.

The Solution

I found many scripts online dealing with the issue on an image by image basis. Basically, you would have to include the script(s) with every image uploaded. Hardly Practical.

Then Youngpup cam up with a solution that placed the fix in the head of your document so that universally all your PNG tranparencies would be supported throughout your document with no extra code to implement. It worked perfectly (see image below).

After inserting the sleight.js fix from Youngpup Explorer 6 was able to properly display the transparent images.

After inserting the sleight.js fix from Youngpup Explorer 6 was able to properly display the transparent images.

How to use

Put the following code in the head portion of your page between <head> and </head>

<script language="javascript" src="sleight.js"></script>

You may wish to modify the path to sleight.js. For example, if you put it in a scripts folder the path would be src="scripts/sleight.js".

Then Download sleight.js and place in the desired location on your site. Please do not remove Aaron Boodman’s copyright info at the beginning of the script. It’s important to respect the authors. That’s it!

Note:

Drew McLellan in his ALL IN THE <HEAD> Blog has published an update of the script which deals with situations where you have image swapping. I haven’t tested it out yet but it may be worth a look.

thanks

David


]]> http://www.silverpeak.ca/spblog/2009/10/20/boxes_explorer6_png/feed/ 0