CSS無法在Chrome和IE中的HTTPS頁面上工作

Question

在我的網站上，如果使用https打開頁面，Chrome無法加載樣式表。

例如，test.php的我有以下CSS頁面上包括：

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

它使用絕對路徑，因爲有很多SEO，子目錄等，所以它更容易把它列入像這比通過尋找相對路徑。

如果我打開http://www.domain.com/test.php這個頁面，它可以正常工作，但是如果我將它打開爲https://www.domain.com/test.php Chrome會拒絕加載樣式表！

它適用於Firefox和Safari。我可以理解IE是一個'特殊需求'瀏覽器，但爲什麼Chrome會這樣做，我該如何解決？

使用https://domain.com/css/mainstyle.css調用CSS文件解決了這個問題，但它真的有必要嗎？

Answer 1

也許嘗試Protocol Relative URLs：

<鏈接的href = 「// www.domain.com/css/mainstyle.css」 相對= 「樣式」 類型= 「文/ CSS」>

The Protocol-relative URL - Paul Irish

希望它能幫助！

Answer 2

您需要在https頁面的.htaccess文件中允許.css，.js，.png，.jpg，.bmp，.gif，.eof，.ttf，.svg文件。

出於安全目的，Chrome瀏覽器不允許這些頁面上的這些文件。 但允許Firefox。