This works for me in Drupal 4.7 ( I am thinking of creating a module to handle this issue)
1. Download pngbehavior from: http://www.scss.com.au/images/pngbehavior.htc
2. upload a transparent 1x1 pixel gif called blank.gif to your theme I put mine in themes/bluemarine/images/blank.gif
Note: having non alphanumeric text in your theme dir name can cause problems
3. in pngbehavior.htc edit:
(line 7) to point to blank.gif
var blankSrc = "/site/themes/bluemarine/images/blank.gif";
and
(line 42) to use the image sizing method
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
src + "',sizingMethod='image')";
4. Add the following to the top of your style.css
/* Handle PNGs in IE */
img, input{
behavior: url("/site/themes/bluemarine/pngbehavior.htc");
}
That should do the trick!
I do not think this method handles stylesheet images correctly, but will handle all images placed in any of the theme.php files, php files in site content, the logo etc.
If you really need css placed images to work, let me know.
Also, you can find more information on PNG images in IE here
http://www.scss.com.au/family/andrew/webdesign/pngbehavior/
and the reference for alphaimageloader here
http://msdn.microsoft.com/workshop/author/filter/reference/filters/alpha...