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

Background CSS images not loading in firefox when using a CDN

  • 5 replies
  • 5 have this problem
  • 1 view
  • Last reply by pvijeh

more options

Hello,

I am having trouble getting CSS background images to load in Fire fox when using a CDN.

Here is a description of the problem:

- Everything works fine in Chrome - Any images loaded through CSS do not load in Firefox (they load in chrome) when i have the CDN enabled. - Other images / custom fonts appear to load fine with the CDN enabled

My setup:

- wordpress 3.8 - CDN - Rackspace Cloudfiles synced with w3 total cache plugin (using the 'origin push' configuration) - using Cloudflare (mozilla appears to load the site fine while cloudflare is active)

More about the problem--

I suspect that the problem has something to do with the htaccess file redirecting some urls or something-- but im not quite sure what to do about this.

Has anyone encountered this problem before who can offer some insight?

thanks

Hello, I am having trouble getting CSS background images to load in Fire fox when using a CDN. Here is a description of the problem: - Everything works fine in Chrome - Any images loaded through CSS do not load in Firefox (they load in chrome) when i have the CDN enabled. - Other images / custom fonts appear to load fine with the CDN enabled My setup: - wordpress 3.8 - CDN - Rackspace Cloudfiles synced with w3 total cache plugin (using the 'origin push' configuration) - using Cloudflare (mozilla appears to load the site fine while cloudflare is active) More about the problem-- I suspect that the problem has something to do with the htaccess file redirecting some urls or something-- but im not quite sure what to do about this. Has anyone encountered this problem before who can offer some insight? thanks

Chosen solution

Can you tell, either from Firefox's Web Console (Ctrl+Shift+k) or Browser Console (Ctrl+Shift+j) whether Firefox is requesting the images and getting a non-200 response, or whether Firefox is refusing to request the images for some reason, such as cross-domain restrictions or mixed content blocking?

To access the site without the influence of previously cached files and saved cookies, if you haven't already, go ahead and clear your Firefox cache and delete your saved cookies for the site.

(1) Bypass Firefox's Cache

Use Ctrl+Shift+r to reload the page fresh from the server.

Alternately, you also can clear Firefox's cache completely using:

orange Firefox button (or Tools menu) > Options > Advanced

On the Network mini-tab > Cached Web Content : "Clear Now"

If you have a large hard drive, this might take a few minutes.

(2) Remove the site's cookies (save any pending work first). While viewing a page on the site, try either:

  • right-click and choose View Page Info > Security > "View Cookies"
  • Alt+t (open the classic Tools menu) > Page Info > Security > "View Cookies"

In the dialog that opens, you can remove the site's cookies individually.

Then try reloading the page. Does that help?

Read this answer in context 👍 0

All Replies (5)

more options

Chosen Solution

Can you tell, either from Firefox's Web Console (Ctrl+Shift+k) or Browser Console (Ctrl+Shift+j) whether Firefox is requesting the images and getting a non-200 response, or whether Firefox is refusing to request the images for some reason, such as cross-domain restrictions or mixed content blocking?

To access the site without the influence of previously cached files and saved cookies, if you haven't already, go ahead and clear your Firefox cache and delete your saved cookies for the site.

(1) Bypass Firefox's Cache

Use Ctrl+Shift+r to reload the page fresh from the server.

Alternately, you also can clear Firefox's cache completely using:

orange Firefox button (or Tools menu) > Options > Advanced

On the Network mini-tab > Cached Web Content : "Clear Now"

If you have a large hard drive, this might take a few minutes.

(2) Remove the site's cookies (save any pending work first). While viewing a page on the site, try either:

  • right-click and choose View Page Info > Security > "View Cookies"
  • Alt+t (open the classic Tools menu) > Page Info > Security > "View Cookies"

In the dialog that opens, you can remove the site's cookies individually.

Then try reloading the page. Does that help?

more options

hmmmm--- i have cleared firefox's cache, as you recommended, and have been tinkering with the Web Consule, unfortunately i am not too familiar with the Web Consule, so i can't really say if Firefox is getting a non-200 response or refusing to request images.

What would i look for to identify those problems?


thanks a ton!

more options

is this what I am looking for?


"Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains."


if so-- do i need to create a subdomain and route the DNS of my CDN through that?

more options

Hi pvijeh, is that the explanation for a security error? I'm having trouble understanding the context.

more options

sorry-- that was a message that appeared in FireFox's web consule.

I understood it to mean that firefox would not load files from domains other than my domain--- hence why it would not load files from CDN (which was not pointed to my domain, or any subdomains of my domain).

I was just now able to solve the problem by pointing a CNAME alias to my CDN.

Or something like that. Pardon if that doesn't make any sense, I am not really a technical person.


thanks for the insight-- it was extremely helpful!!