Thread: Transparent PNG IE6

I have some transparent PNGs that I use in a site.

In order for them to work in IE6 and below I have used the following code:-

Code:

#img_logo
{
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/logo_sm_png.png');
}

I have several PNG images I want to use this on, so was wondering if there's anyway of doing this dynamically instead of adding a class for each image? ie can the src= section have the path and image name passed to it using CSS?

I'm not brilliant on CSS so unsure if this is possible or not.

Hope that makes sense.

I don't know of anyway to do this using CSS. I'm not so sure you would really want to, anyway. From what I've read, this can slow down the page load and cause the browser to appear to freeze. Read here: Image Optimization, Part 5: AlphaImageLoader

I've just gone for a PNG with a colour palette and 100% dithering which seems to work, although the image isn't as crisp as with a true colour PNG.