Link to home
Start Free TrialLog in
Avatar of Oneiroid
Oneiroid

asked on

PNG images as transparent div backgrounds (cross-browser)

I have several different png images I use as div backgrounds for a transparent effect. Works great in IE and Firefox, but Safari seems to be selective in which backgrounds work. I've found quite a bit of documentation about png images on EE, but I am not sure if I actually came across the answer. I did learn, however, that there may be other factors (which I am not familiar with such as 8-bit vs 24-bit, color modes, and channels, when it comes to PNGs) that could be affecting the display through Safari.

It appears that I just lucked out with the properties of one of the background png images that DOES work in Safari. I've applied this particular image as a background in other areas where the other pngs did not show up, and alas it DID show up in those areas too.

Can somebody tell me how to create a 'reliable' PNG for viewing as a background in Safari? I can't tell what I did right with that one; I've looked at the properties of all of my pngs, and I can't tell how they are different from the one that works. I am using Photoshop 6.

Thanks in advance. At least [I think] I know what the problem is that needs solving :)

500pts for urgency sake. Thanks again.
SOLUTION
Avatar of OliWarner
OliWarner

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Oneiroid
Oneiroid

ASKER

Ok, great. I will check out those references and get back...
OilWarner: That is a pretty nifty reference.

VirusMinus: Great information. That helps a lot and puts my issue into perspective.

Thanks guys!