CSS nie działa na stronach HTTPS w Chrome i IE

Question

Na mojej stronie Chrome nie może załadować arkusza stylów, jeśli strona jest otwierana przy użyciu protokołu HTTPS.

Na przykład, na stronie test.php Mam następujące CSS to:

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

Wykorzystuje ona bezwzględną ścieżkę, ponieważ istnieje wiele SEO, podkatalogów etc, więc jest to znacznie łatwiejsze włączenie go jak to przez szukanie względnych ścieżek.

Jeśli otworzę stronę jako http://www.domain.com/test.php działa dobrze, ale jeśli otworzę ją jako https://www.domain.com/test.php Chrome odmawia załadowania arkusza stylów!

Działa w przeglądarkach Firefox i Safari. Rozumiem, że IE jest przeglądarką "specjalnych potrzeb", ale dlaczego Chrome to robi i jak mogę to naprawić?

Wywołanie pliku CSS z https://domain.com/css/mainstyle.css rozwiązuje problem, ale czy to naprawdę konieczne?

Answer 1

Może spróbuj Protocol Relative URLs:

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

The Protocol-relative URL - Paul Irish

Mam nadzieję, że to pomoże!

Answer 2

Musisz zezwolić na pliki .css, .js, .png, .jpg, .bmp, .gif, .eof, .ttf, .svg w pliku .htaccess na stronę https.

Ze względów bezpieczeństwa Chrome nie zezwala na te pliki na tych stronach. ALE Firefox jest dozwolony.