My site (a hurricane tracking site) has (or will soon) several hundred images. What I'm trying to do is have two base images, black and white, and color. Then I have storm tracks drawn on the transparent PNG. Now, both of these images (either the bw or color) and the PNG are displayed with the PNG being offset the height of the base image. The reason I'm doing this is because the user has the ability to switch between color and b/w views. By doing it this way, I can have ~500 images of the tracks or ~1000 images (if I were to draw them on both the b/w and color maps). Plus, if I choose to change the base images, I only have two images to update as opposed to 500-1000 (if not more).
Now, FF, Net, and Opera handle the transparency fine (though Opera offsets the PNG to the right, but I'm not worried about Opera right now). IE does not, therefore it shows just the storm tracks on a white background (though, at least when I refresh, I can see the base image in the background so I know it's there, but it gets covered by the PNG).
Like I said, I know IE has issues with transparency and I wouldn't be asking this except for one thing: My header and logo are transparent and IE handles them fine. I know because I changed the bg color of my page. So, that leads me to believe that it's something in the formatting of the image. But I haven't done anything differently with the map PNG that I've done with the logo and header.
If anyone could take a look at it or provide some suggestions, I would certainly appreciate it. I have to admit I'm not familiar with the differences between 8/16/24-bit PNGs and whatever else, so bear with me. I just really would like to figure it out why this is happening.
Thanks in advance.kvarnerexpress
