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

Why is firefox not loading images from css?

  • 10 replies
  • 1 has this problem
  • 3 views
  • Last reply by cor-el

more options

Firefox is not loading images from css anymore. The background from http://fairytail.wikia.com/wiki/MediaWiki:Monobook.css does not load, nor does the one from http://godisme.wikia.com/wiki/User:Real_Godisme/Bla.css Both load when using Chrome. It is just firefox that doesn't load it.

Firefox is not loading images from css anymore. The background from http://fairytail.wikia.com/wiki/MediaWiki:Monobook.css does not load, nor does the one from http://godisme.wikia.com/wiki/User:Real_Godisme/Bla.css Both load when using Chrome. It is just firefox that doesn't load it.

All Replies (10)

more options

Do you mean Firefox will not display these images at all:

Or Firefox won't display them in a page using the style sheet? If it's in a particular page, could you give the address? That will be a better test than just looking at the image itself.

more options

http://fairytail.wikia.com/wiki/Special:RecentChanges?useskin=monobook On here for instance, the first image does not display. I can view the image as just an image but it does not work as a background from the style sheet.

Here is the page when I view it on Firefox http://prntscr.com/78978k

Here is the page when I view it on Chrome http://prntscr.com/7897no

more options

Hmm, loads for me, but then, I'm sure we have completely different customizations on our Firefoxes.

If you force a reload of the page bypassing the cache, does that make any difference? You can do that by either:

  • Ctrl+Shift+r
  • Shift-clicking the reload button in the address bar

If that makes no difference, could you check for an image permission block using the Page Info dialog (either):

  • right-click and choose View Page Info > Media
  • (menu bar) Tools > Page Info > Media
  • click the padlock or globe icon in the address bar > More Information > Media

This should display a list of image files used in the page. Click the first one and make sure there is NOT a check mark in the "Block image" box above the preview area. Press the down arrow to check the next one, etc. If you find anything blocked that should be unblocked, uncheck the box. Then after closing Page Info, try reloading again.

If that doesn't help, can you see the background image (split shirt) on my site here: http://www.jeffersonscher.com/

If you don't see that one either, could it be an add-on?? Please test in Firefox's Safe Mode. That's a standard diagnostic tool to deactivate extensions and some advanced features of Firefox. More info: Diagnose Firefox issues using Troubleshoot Mode.

If Firefox is not running: Hold down the Shift key when starting Firefox.

If Firefox is running: You can restart Firefox in Safe Mode using either:

  • "3-bar" menu button > "?" button > Restart with Add-ons Disabled
  • Help menu > Restart with Add-ons Disabled

and OK the restart.

Both scenarios: A small dialog should appear. Click "Start in Safe Mode" (not Refresh).

Can you see the missing background images?

more options

The second option fixed the problem with recent changes. However, the second image is a special case. The style sheet is only loaded on to the page it is used on when the page is entered from a special link that also loads js http://prntscr.com/789gow as you can see here, the images does not display but the rest of the styling from that css page is loaded. I cannot ctl + shift + r that page as then the js would not be loaded since I did not enter from the special link. I checked the media and the background image is not in the list and seems to be not loaded in to the page. It worked when I initially coded it, however after a week it just stopped working.

more options

Could you check for any errors or warnings in Firefox's Browser Console?

First open it up using Ctrl+Shift+j. After a moment, a lot of text will appear. Click the Clear button at the top to empty it.

Next, load that special window.

Then check the Browser Console for any new messages that might be related to the background image.

more options

No background related errors. Only an error message stating invalid emote.

more options

Was there any difference in Firefox's Safe Mode?

Running out of ideas... This article also may have other things to check: Fix problems that cause images to not show.

more options

Still nothing.

more options

I could look at it hands on, but otherwise I have no more guesses. (insert sad face here)

more options

Is there a request made to retrieve these images?

You can check the Net log and the Network log in the Web Console (Firefox/Tools > Web Developer) to see what content is blocked or isn't arriving.


Create a new profile as a test to check if your current profile is causing the problem.

See "Creating a profile":

If the new profile works then you can transfer files from a previously used profile to the new profile, but be cautious not to copy corrupted files to avoid carrying over problems.