CSS文件被视为图像资源

Question

我不确定问题是什么，但是当我用safari或chrome检查我的网页时，css样式表出现在images组下面，并显示“资源类型”是图像，即使MIME类型是正确的并显示“text / 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()个电话留空，并记住该路径是相对于样式表路径的。