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