Html 通过https加载样式表时出现问题

Html 通过https加载样式表时出现问题,html,css,Html,Css,我最近在我的域中应用了一个SSL证书,但在http://上查看我的网站时,有些样式出现了问题。这些样式很好,但在https://上查看时,根本没有应用任何样式。我发现问题是,我没有通过https加载我的第三方样式,而是http,切换到https所有问题都已解决。您可能正在使用http://链接到https://网站上的样式表 安全网站不允许混合协议。所有东西都必须从安全服务器嵌入。浏览器将忽略/阻止HTTPS页面上的HTTP资源(严格程度不同) 造成这种阻塞的原因是,不安全的HTTP资源(如样式

我最近在我的域中应用了一个SSL证书,但在http://上查看我的网站时,有些样式出现了问题。这些样式很好,但在https://上查看时,根本没有应用任何样式。我发现问题是,我没有通过https加载我的第三方样式,而是http,切换到https所有问题都已解决。

您可能正在使用
http://
链接到
https://
网站上的样式表

安全网站不允许混合协议。所有东西都必须从安全服务器嵌入。浏览器将忽略/阻止HTTPS页面上的HTTP资源(严格程度不同)

造成这种阻塞的原因是,不安全的HTTP资源(如样式表和脚本)仍可能被攻击者修改,并用于欺骗/劫持站点的安全部分

如果样式表是从服务器提供的,则省略URL的协议+主机部分,即,而不是
http://example.com/style.css
使用
/style.css
作为URL,因此它可以在HTTP和HTTPS上工作。您也可以使用


如果您必须有一个完整的URL,那么只使用
https://…
URL。

如果请求的URI是
https
,如果页面上有
http
方案请求的资源(图像、样式表、JavaScript文件等),一些浏览器可能会阻止它们,因为它们被认为是不安全的。您可以通过浏览器绕过此问题,但代码中也有其他选项:

  • 使用
    https
    请求所有内容,或者至少匹配方案
  • 使用
    /
    指示方案。浏览器会将方案与请求URI匹配。例如:

  • 你有没有检查过你的CSS文件的链接是否使用了
    https
    协议,以及URL是否解析为正确的样式表?谢谢-这是我在一个基于MODX的网站上的修复方法。我更新了.htaccess,但没有加载样式表。在修复了样式表的链接之后,一切都正常了。我的下一次尝试将使用letsencrypt提供的免费证书。。。