X
Tippen Sie hierhin, um die Version dieser Website für Mobilgeräte aufzurufen.

Hilfeforum

some sites cannot display correctly, the css file doesn't work

Veröffentlicht

some wordpress sites can not display correctly. ex. https://clayfanshop.com/ it looks css files doesn't work.

The site works correctly other browsers, Google chrome, Edge, IE.

Clear all cache and cookie, but nothing changes. I installed Firefox on another PC, but it had same problem.

Not only the site, the layout of login page of my wordpress is broken (css files are not working), so it is not the problem of wordpress theme or plugins.

some wordpress sites can not display correctly. ex. https://clayfanshop.com/ it looks css files doesn't work. The site works correctly other browsers, Google chrome, Edge, IE. Clear all cache and cookie, but nothing changes. I installed Firefox on another PC, but it had same problem. Not only the site, the layout of login page of my wordpress is broken (css files are not working), so it is not the problem of wordpress theme or plugins.

Mehr Details zum System

Anwendung

  • User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.109 Safari/537.36

Weitere Informationen

WestEnd
  • Top 25 Contributor
60 Lösungen 5379 Antworten
Veröffentlicht

I would advise to use Chrome since I find it works better with sites to translate language and properly display the site.

I would advise to use Chrome since I find it works better with sites to translate language and properly display the site.
Veröffentlicht

Fragesteller

Yes, I know Chrome, Edge, IE, and Opera works well.

But, I'd like to know why this problem happens.

If it caused by problem in Firefox , it should be fixed. If it can be solved by web site side, I want to know how to do it, because same problem has happened on my Wordpress site.

Yes, I know Chrome, Edge, IE, and Opera works well. But, I'd like to know why this problem happens. If it caused by problem in Firefox , it should be fixed. If it can be solved by web site side, I want to know how to do it, because same problem has happened on my Wordpress site.
cor-el
  • Top 10 Contributor
  • Moderator
17467 Lösungen 157838 Antworten
Veröffentlicht

Hilfreiche Antwort

This website uses <link rel="preload"> to load some style sheets. Current Firefox versions do not support this preload feature.

You can run this code in the Web Console or create a bookmarklet (new bookmark) and paste this JavaScript code in the location field. If you run this code then Firefox will retrieve the CSS files.

javascript:(function(){var e=document.querySelectorAll('link[rel="preload"]'),E,i;for(i=0;E=e[i];i++){E.setAttribute('rel','stylesheet')}})()
This website uses <b>&lt;link rel="preload"&gt;</b> to load some style sheets. Current Firefox versions do not support this preload feature. * https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content You can run this code in the Web Console or create a bookmarklet (new bookmark) and paste this JavaScript code in the location field. If you run this code then Firefox will retrieve the CSS files. <pre><nowiki>javascript:(function(){var e=document.querySelectorAll('link[rel="preload"]'),E,i;for(i=0;E=e[i];i++){E.setAttribute('rel','stylesheet')}})()</nowiki></pre>
Veröffentlicht

Fragesteller

Thank you very much!

Thank you very much!
cor-el
  • Top 10 Contributor
  • Moderator
17467 Lösungen 157838 Antworten
Veröffentlicht

You're welcome.

See also:

  • Bug 1405761 - css not loaded correctly with rel=preload

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html
) You can vote for a bug to show your interest
https://bugzilla.mozilla.org/page.cgi?id=voting.html

You're welcome. See also: *[https://bugzilla.mozilla.org/show_bug.cgi?id=1405761 Bug 1405761] - css not loaded correctly with rel=preload (<i>please do not comment in bug reports<br>https://bugzilla.mozilla.org/page.cgi?id=etiquette.html</i>) You can vote for a bug to show your interest<br>https://bugzilla.mozilla.org/page.cgi?id=voting.html