Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多
Solved 封存

Go back to old image display

Juca123

I just updated to Firefox 11 and the new image display is awful. When I go to an image URL (like this http://www.google.com.br/images/srpr/logo3w.png ) it's displayed with a dark background. It would be better if the background was soft grey... but it's too dark!

Is there a way to use the old image display, with white background or changing the background color?

I just updated to Firefox 11 and the new image display is awful. When I go to an image URL (like this http://www.google.com.br/images/srpr/logo3w.png ) it's displayed with a dark background. It would be better if the background was soft grey... but it's too dark! Is there a way to use the old image display, with white background or changing the background color?

所有回覆 (4)

選擇的解決方法

You can install the Old Default Image Style add-on (you don't even have to restart Firefox to get it to work)

Thank you! But is there a way to get the old image display without extensions? With an about:aconfig tweak or with userchrome.css?

There's no about:config change. You can do it with userchrome.css (I can't say how off the top of my head). However, all that extension does is overwrite the default image stylesheet and add options in about:config to let you specify a background color. So it should be pretty safe, really lightweight (and much easier to use)

I don't think that you can use code in userContent.css to fix this.
There is no selector possible to set the background-color for the body if there is only an img (body > img:only-child) on that page.
Only a script would be able to accomplish that AFAIK.

It looks that I'm wrong about this.

Add this code to userContent.css in the chrome folder

@-moz-document regexp("((.*\\.(png|apng|jpg|jpeg|gif|tiff|bmp))|(^data:image\\/.*))(\\?([^#]*))?(#(.*))?") {
html > body { background-color: #E8E8E8 !important; }
html > body > img:only-child { background-color:#fff !important; box-shadow: none !important; margin: 0 !important; }
}

  • resource://gre/res/TopLevelImageDocument.css

由 cor-el 於 修改