Background CSS images not loading in firefox when using a CDN
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 👍 0All Replies (5)
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?
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!
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?
Hi pvijeh, is that the explanation for a security error? I'm having trouble understanding the context.
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!!