为什么这个 css 文件不起作用答案

【问题标题】：Why dosen't this css file work为什么这个 css 文件不起作用
【发布时间】：2013-10-22 19:40:44
【问题描述】：

我试图在云存储服务上托管我的 css 文件，但是当我将它链接到我的网站时，它没有被执行，所以我创建了一个小css，它只是改变了背景，但它不起作用。它的服务器似乎有问题，请您告诉我可能是什么问题以及如何将其用作 css css文件链接http://copy.com/Kgs8EaMF71Qa7zqo/style.css HTML 代码

<link href="http://copy.com/Kgs8EaMF71Qa7zqo/style.css" rel="stylesheet" type="text/css" />

【问题讨论】：

标签： html css mime-types

【解决方案1】：

出于安全原因，在 copy.com 上托管的 MIME 类型的文件使用 text/plain 因此，来自 copy.com 的 CSS 文件之类的正常链接将不起作用。

但如果您仍想在此云存储服务上托管您的 css 文件，您可以在链接后添加 ?download=1，这样您的 html 应该是这样的

<link href="http://copy.com/Kgs8EaMF71Qa7zqo/style.css?download=1" rel="stylesheet" type="text/css" />

还有其他一些云服务，例如 Dropbox、Google Drive，您可以在其中托管您的外部 CSS 文件。

【讨论】：

【解决方案2】：

这个文件非常适合我。这是带有输出的 html 代码。

<html>
<head>
<link href="http://copy.com/Kgs8EaMF71Qa7zqo/style.css" rel="stylesheet" type="text/css" />

</head>
<body>
</body>
</html>

【讨论】：

它适用于其他浏览器，但与 Mozilla Firefox 有问题

【解决方案3】：

https://developer.mozilla.org/en/docs/Incorrect_MIME_Type_for_CSS_Files

至少 Gecko 对此有一个安全功能：所有样式表不是来自同一来源必须使用text/css。

其实你的文件是text/plain，所以里面的规则被忽略了。

【讨论】：

如何检查文件是否为 text/plain
打开 Firebug（如果没有安装，作为插件获取）。重新加载页面并检查网络部分中的“响应标头”。

【解决方案4】：

我认为，这可能是由于 MIME 类型，您上传时假设它将作为 css 文件工作，但其实际 MIME 类型将是普通类型 text/plain 但需要 MIME 类型才能使其工作因为 css 文件是 text/css

所以它不会工作。

【讨论】：