代码之家 › 专栏 › 技术社区 › zorza

Firefox无法在HTTPS上加载CSS文件

ssl firefox css html

3

zorza · 技术社区 · 11 年前

你可以在这里看到我的问题: https://www.rekuperatory.pl/ssltest/

使用打开此网站时 Firefox浏览器 它无法加载CSS。问题是,CSS在Chrome、IE和Opera中正确加载。FF也能正确读取内联样式。

通过HTTP访问网站时没有问题: http://www.rekuperatory.pl/ssltest/ -它在包括Firefox在内的所有浏览器上都能很好地加载。

问题是 仅使用Firefox,仅通过HTTPS,仅使用单独文件中的CSS。

我已经联系了托管提供商,他们说,SSL证书一切正常,问题一定是链接CSS文件。但我不认为这是真的。只需查看代码:

h1{
  color: #2387ff;
  font-size: 50px;
  text-align: center;
  background-color: #F0F8FF;
}
.hide{
  display: none;
}

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>

<h1>
    This should be blue and centered
</h1>

<div class="hide">CSS NOT LOADED* <br/> <small>*This DIV has "display: none" rule</small>
</div>

<h2 style="  color: #499249; text-align: center; background-color: #e6ffe3;">
    Header with inline style.
</h2>

</body>
</html>

2 回复 | 直到 11 年前

1

4

Sphvn Frebin Francis 11 年前

这很可能是由于请求响应中的标头不正确 style.css

https://www.rekuperatory.pl/ssltest/style.css 未加载,因为其MIME类型“text/html”不是“text/css”。

请注意,当您访问 http:// 服务器正确响应的url Content-Type: text/css ,但在 https:// 它响应的url Content-Type: text/html .

2

0

stats con chris 4 年前

我不知道为什么人们会找到复杂的解决方案。在我的例子中,我只需要删除缓存文件和cookie(后面的一个在刷新时被省略了)。如果您使用缓存优化,不仅可以在浏览器中使用,也可以在站点中使用。