ChromeとIEのHTTPSページでCSSが動作しない

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" のrel = "スタイルシート" タイプ= "テキスト/ cssの">

を

The Protocol-relative URL - Paul Irish

希望すると助かります！

Answer 2

httpsページの.htaccessファイルに.css、.js、.png、.jpg、.bmp、.gif、.ef、.ttf、.svgファイルを許可する必要があります。

セキュリティ上の理由から、これらのファイルはこれらのページでは許可されていません。 ただし、Firefoxは許可されています。