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

时间:2013-10-15 05:22:02

标签: html css mime-types

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

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

4 个答案:

答案 0 :(得分:1)

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

至少Gecko有一个安全功能:所有样式表不是来自同一个来源必须与text/css一起提供。

事实上,您的文件是text/plain,因此其中的规则会被忽略。

答案 1 :(得分:0)

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

所以它不会工作。

答案 2 :(得分:0)

此文件对我来说非常合适。 这是带输出的html代码。

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

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

enter image description here

答案 3 :(得分:0)

出于安全原因,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" />

还有其他一些云服务,例如DropboxGoogle Drive,您可以在其中托管外部CSS文件。