Why is firefox not loading images from css?
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)
Do you mean Firefox will not display these images at all:
- http://vignette3.wikia.nocookie.net/godisme/images/d/d3/Natsubg.jpg
- http://wallpoper.com/images/00/40/74/06/bleach-aizen_00407406.jpg
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.
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
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?
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.
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.
No background related errors. Only an error message stating invalid emote.
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.
Still nothing.
I could look at it hands on, but otherwise I have no more guesses. (insert sad face here)
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.
- Live Http Headers: https://addons.mozilla.org/firefox/addon/live-http-headers/
Create a new profile as a test to check if your current profile is causing the problem.
See "Creating a profile":
- https://support.mozilla.org/kb/profile-manager-create-and-remove-firefox-profiles
- http://kb.mozillazine.org/Standard_diagnostic_-_Firefox#Profile_issues
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.