Firefox isn't rendering transparent PNGs correctly
I have a web page that features a PNG with transparency, but Firefox doesn't render it correctly -- it's a little blurry and pixel-y. Chromium and Opera both render the PNG fine. (This is all in Ubuntu Maverick.)
The image is available at http://mathsci.kaist.ac.kr/~drake/img/poorly-rendered-image.png; it looks fine by itself, but the background for the web page with this image isn't white, it is (as far as I can tell) #ccc.
I'm surprised that Chromium and Opera do this correctly, but Firefox doesn't. What is going on?
الحل المُختار
Can you post a link to the page with that image?
If I apply a background color (body {background-color:#ccc}) to that image then that works for me.
So I assume that something else is wrong with the code.
All Replies (3)
الحل المُختار
Can you post a link to the page with that image?
If I apply a background color (body {background-color:#ccc}) to that image then that works for me.
So I assume that something else is wrong with the code.
Ack! I discovered the problem.
I discovered that I had the page zoomed in a bit, and Firefox helpfully tried to scale up the images, but the scaling for the PNGs isn't very good. Going back to the default zoom makes everything look fine again.
What is strange is that I must have hit Ctrl-+ a long time ago and Firefox remembered the zoom setting, since I don't recall changing the zoom.
I've been poking around, and have now discovered the "zoom text only" option, which is really cool.
Sorry for the non-issue, and thanks for prodding me to investigate more and discover the real problem!
You're welcome.
You can reset the page zoom via View > Zoom > Reset (Ctrl + 0 (zero))
Firefox 3 can remember the zoom level site specific.
See http://kb.mozillazine.org/Zoom_text_of_web_pages