IE6 PNG Background Removes Additional Images

Using Version 1.3.8

I had transparent png for my background.

It was applied to the body tag through the css stylesheet.

Long story short, if you have a transparent png as your background, the additional images on your product pages would just flat out disappear.

This only happened in IE6 as far as I tested. I noticed no problems in Firefox, IE7 and Safari.

To fix the problem, I simply sacrificed the transparency and made the file a jpg.

Another workaround would be to create a conditional stylesheet for IE6. I believe that there are additional hacks that can be implemented to have IE6 use a transparent background, but in my instance it didn't bother me to leave it out.

Hope this helps someone, this was the last place I thought to look. I skipped over it to fix another IE6 error and ended up tripping over the solution. Probably would not have found it otherwise.

Probably not a Zen Cart error, but good to know.

:smile:

Moderator's note: thread moved out of Bug Reports since it is not a Zen Cart bug.

Sorry, wasn't really sure where to put it.

IE6 simply doesn't support transparent GIFs. Yes, there are javascript hacks to get around that, but rarely is it worth it. Better to accept that IE6 is lacking and do the best you can for that browser with a targeted stylesheet (there's a mod for doing this in the downloads area) and give users of better browsers a better browsing experience.

Yeah it was weird, I already have a workaround for my logo which is png, and a few other random images that need transparency.

What really throwing me off is that the workaround worked for the background also, but somehow broke the additional images. Everything looked fine, but additional images were nowhere to be found.