如何在https站点上通过http加载css文件。

时间:2017-05-20 13:54:35

标签: javascript html css ssl

我正在开发一个网站,并且最近为此分配了一个SSL证书:以前是一个CSS框架(w3css )加载,但现在我收到一个错误:无法加载混合内容。该网站名为https://genderandwork.org。据我所知,错误是chrome(我试图在最新版本的chrome中加载网站)不想在https网站上加载HTTP内容。

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:3)

如果通过HTTPS访问文档,大多数现代的,最新的浏览器都不会通过HTTP加载资源,这是为了防止用户仅使部分加密连接。详细了解at MDN

您应该使用样式表更改src元素的<link> - 属性,以通过HTTPS发出请求, 像这样:<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

答案 1 :(得分:2)

当您的网站使用有效证书并尝试从不安全的主机导入资源时,会出现混合内容错误。

幸运的是,w3schools支持SSL证书。

你可以用eighter追加&#34; s&#34;对你的href属性如:
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

或者您可以将所需文件上传到项目并在本地导入。