CSS không hoạt động trên các trang HTTPS trong Chrome và IE

Question

Trên trang web của tôi, Chrome không thể tải biểu định kiểu nếu trang được mở bằng https.

Ví dụ, trên trang test.php Tôi có CSS ​​sau đây bao gồm:

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

Nó sử dụng đường dẫn tuyệt đối vì có rất nhiều của SEO, các thư mục con vv, vì vậy nó dễ dàng hơn để bao gồm nó như điều này hơn là tìm đường dẫn tương đối.

Nếu tôi mở trang là http://www.domain.com/test.php nó hoạt động tốt, nhưng nếu tôi mở nó là https://www.domain.com/test.php Chrome từ chối tải biểu định kiểu!

Nó hoạt động trong Firefox và Safari. Tôi có thể hiểu IE là trình duyệt 'nhu cầu đặc biệt', nhưng tại sao Chrome lại làm điều này và làm cách nào để khắc phục sự cố?

Gọi tệp CSS bằng https://domain.com/css/mainstyle.css khắc phục sự cố nhưng thực sự cần thiết phải không?

Answer 1

Có thể thử Protocol Relative URLs:

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

The Protocol-relative URL - Paul Irish

Hy vọng điều đó có thể hữu ích!

Answer 2

Bạn cần cho phép các tệp .css, .js, .png, .jpg, .bmp, .gif, .eof, .ttf, .svg trong tệp .htaccess cho trang https.

Vì mục đích bảo mật, Chrome không cho phép các tệp này trên các trang này. NHƯNG cho phép Firefox.