html - 被视为图像资源的 CSS 文件

Question

我不确定问题出在哪里，但是当我使用 safari 或 chrome 检查我的网页时，css 样式表出现在图像组下，并显示“资源类型”是图像，即使 MIME 类型是正确的并显示“文本/css”。

问题SS:

将 css 文件链接到 html 的 html 行。

<link rel="stylesheet" href="style.css" type="text/css">

除了内置检查器无法正确显示类型之外，这还带来了一个额外的问题，即不显示文件的内容，而是显示一个未知的图像图标。

老实说，对于从哪里开始寻找，或者通过谷歌搜索什么来找出问题所在，我一无所知。除了扩展名和/或 MIME 类型之外，还有更多的东西可以确定文件类型吗？

编辑:

带有 url() 的 CSS 导致了问题。

background-image: url();

显然，使用没有括号的 url 会导致这种情况发生。你能告诉我为什么会发生这种情况吗？？

Answer 1

如果您在元素样式中将 url() 调用保留为空白，它将使用相对路径发送请求，以获取与基本 URL 本身对应的图像。

为简化起见，在这种情况下，您要求 style.css 将自身加载为图像，这就是为什么您的 style.css 文件被视为图像的原因。如果我足够清楚，请告诉我。

请确保永远不要将您的 url() 调用留空，并记住该路径是相对于样式表路径的。