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.

Avatar for Username

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

Ova tema je arhivirana. Pitajte drugo pitanje ako vam je potrebna pomoć.

Firefox isn't rendering transparent PNGs correctly

  • 3 odgovori
  • 24 ima ovaj problem
  • 1 view
  • Posljednji odgovor poslao cor-el

dsquared
dsquared
more options

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?

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?

Izabrano rješenje

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.

Pročitajte ovaj odgovor sa objašnjenjem 👍 1

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Odabrano rješenje

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.

dsquared
dsquared Vlasnik pitanja
more options

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!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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