troubleshooting Question

PNG images as transparent div backgrounds (cross-browser)

Avatar of Oneiroid
Oneiroid asked on
Web Development
4 Comments2 Solutions1220 ViewsLast Modified:
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.
Join our community to see this answer!
Unlock 2 Answers and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros