CODEWITHSUNDEEP
csspng
Karen
Karen

Reputation: 1

What code to add to CSS to get Firefox to read PNG images as having transparent backgrounds

I designed a website with a lot of PNG images. All browsers except for Firefox display them properly. Firefox doesn't read their background as transparent but puts ghost boxes around them. Is there code that I can add to cause Firefox to properly display the PNG images?

Upvotes: 0

Views: 713

Answers (2)

S16
S16

Reputation: 3003

This has nothing to do with Firefox's ability to display images properly. This is some JavaScript that iWeb is inserting into your page (first step: stop using iWeb) to put those borders around your images. Firefox is putting the borders/shadows around your transparent PNG's which is why it looks like the image has a bounding box and giving you the impression the images have a different background.

Remove the JavaScript from your page (you don't need it) and style your image borders using CSS.

Upvotes: 0

S16
S16

Reputation: 3003

If PNG's are displaying differently it's because you have Firefox set to display images using their embedded color profiles where your other browsers are not. In which case prodigitalson would be correct in that your images are not truly transparent.

A link to your page would be much more helpful though.

Upvotes: 1

Related Questions