CSS不适用于Chrome和IE中的HTTPS页面

时间:2013-07-16 18:24:37

标签: css internet-explorer google-chrome https

在我的网站上,如果使用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文件可以解决问题,但这是否真的有必要?

2 个答案:

答案 0 :(得分:5)

也许尝试Protocol Relative URLs

  

&LT; link href =“// www.domain.com/css/mainstyle.css"rel =”stylesheet“type =”text / css“&gt;

The Protocol-relative URL - Paul Irish

希望它可以提供帮助!

答案 1 :(得分:0)

您需要在https页面的.htaccess文件中允许.css,.js,.png,.jpg,.bmp,.gif,.eof,.ttf,.svg文件。

出于安全考虑,Chrome不允许在这些页面上使用这些文件。 但Firefox允许。