CSS funktioniert nicht auf HTTPS-Seiten in Chrome und IE

Question

Auf meiner Website kann Chrome kein Stylesheet laden, wenn die Seite mit https geöffnet ist.

Zum Beispiel auf der Seite test.php ich folgende CSS haben, gehören:

<link href="http://www.domain.com/css/mainstyle.css" rel="stylesheet" type="text/css"> 

Es den absoluten Pfad verwendet, weil es eine Menge von SEO ist, Verzeichnisse usw., so ist es viel einfacher, es sind wie dies als durch die Suche nach relativen Pfaden.

Wenn ich die Seite als http://www.domain.com/test.php öffnen funktioniert es gut, aber wenn ich es öffnen als https://www.domain.com/test.php Chrome lehnt es ab, das Stylesheet zu laden!

Es funktioniert in Firefox und Safari. Ich kann verstehen, dass IE ein "Special Needs" -Browser ist, aber warum macht Chrome das und wie kann ich das beheben?

Der Aufruf der CSS-Datei mit https://domain.com/css/mainstyle.css behebt das Problem, aber ist es wirklich notwendig?

Answer 1

Vielleicht Protocol Relative URLs versuchen:

< link href = "// www.domain.com/css/mainstyle.css" rel = "stylesheet" type = "text/css">

The Protocol-relative URL - Paul Irish

Hoffe, es kann helfen!

Answer 2

Sie müssen .css, .js, .png, .jpg, .bmp, .gif, .eof, .ttf, .svg-Dateien in der .htaccess-Datei für die https-Seite zulassen.

Aus Sicherheitsgründen erlaubt Chrome diese Dateien auf diesen Seiten nicht. ABER Firefox erlaubt.