Transparent images don't render in Firefox but render perfectly in Internet Explorer
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
All Replies (12)
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
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.
You can see in my screenshot that the green marked favicon shows properly as well, so this doesn't look like a Firefox issue.
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).
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.
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.
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?
Did you check this missing in the Inspector?
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".
Ah. I see the pages HTML code as well. Looks fine. Precisely the same as for the other images.
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.
Solved! Disabling Adblock Plus extension removed the issue. Must be that they block these three websites.