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。