Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Transparent images don't render in Firefox but render perfectly in Internet Explorer

  • 12 cavab
  • 1 has this problem
  • 6 views
  • Last reply by Debresser

more options

B"H

Dear Firefox community / Firefox support staff

Firefox has a problem rendering transparent images. Please see the screenshot, where a page from my favicon collection is rendered by Firefox and Internet Explorer at the same time. The red and green arrows show the differences between Firefox and Internet Explorer in rendering two specific transparent images. I have attached one of these images for your reference (only the .png image, because .ico images can not be uploaded here).

Sincerely, Dovid de Bresser

B"H Dear Firefox community / Firefox support staff Firefox has a problem rendering transparent images. Please see the screenshot, where a page from my favicon collection is rendered by Firefox and Internet Explorer at the same time. The red and green arrows show the differences between Firefox and Internet Explorer in rendering two specific transparent images. I have attached one of these images for your reference (only the .png image, because .ico images can not be uploaded here). Sincerely, Dovid de Bresser
Attached screenshots

All Replies (12)

more options

That specific image works for me and I also see it on the tab bar if I open the page. I see some other that are white though.

Modified by cor-el

more options

The image with the red arrow renders now for me too. Must have been a cache issue, because I added it recently. But the image with the green arrow still doesn't render.

Of over 10,000 images, only three have this issue, that they render with me like a dot almost. All three are transparent. Don't know what the issue is. I have added one of them, the other two are .oci images and can't be uploaded.

I tried turning off the 2 standard add-ons I have, but that didn't solve the issue.

The white images are also transparent ones, are white ones, so that is okay.

more options

You can see in my screenshot that the green marked favicon shows properly as well, so this doesn't look like a Firefox issue.

more options

Since on my computer Internet Explorer renders all images fine, and Firefox not, as I showed in the screenshot, it is a Firefox issue. A browser should be able to work fine in all normal surroundings (which I consider my computer to be).

more options

For what it's worth, I see a few blank squares, but none of them collapse to a dot. I don't why your Firefox does that. Do you have any security software that pre-filters your browsing? Just wondering if it's possible that "transparent" in an image file name could trigger some kind of anti-web bug feature that substitutes a trusted 1 pixel GIF for the true image.

more options

The blank ones are white or completely transparent ones.

Interesting idea, but actually I added the word "transparent" just today, after I noticed the issue and guessed that the reason was the partial transparency of the image.

more options

In case there is a corrupted image in cache, could you either reload the page bypassing the cache (Ctrl+Shift+r) or test in a private window?

more options
more options

Ctrl+Shift+r did not fix the issue.

I have no experience with the Inspector. What it said when I hovered over the dotlike image was "li|1,6001x1,6001".

more options

Ah. I see the pages HTML code as well. Looks fine. Precisely the same as for the other images.

more options

Interesting. When in the HTML code I hovered over the link to the image it said "Could not load the image", while when hovering over other images it shows them.

The strange thing being that Internet Explorer does load the image, and other Firefox users here also have been able to load the image.

more options

Solved! Disabling Adblock Plus extension removed the issue. Must be that they block these three websites.