Google Chrome 开发者工具 - 显示为图像资源的 CSS 文件答案

【问题标题】：Google Chrome Developer tools - CSS file showing as an image resourceGoogle Chrome 开发者工具 - 显示为图像资源的 CSS 文件
【发布时间】：2011-05-21 18:56:42
【问题描述】：

我正在运行 Google Chrome (12.0.742.60) 测试版

我的页面显示正常，但由于某种原因，在开发人员工具的“资源”选项卡中，它的 CSS 文件显示在“图像”显示三角形而不是“样式表”下（typekit.com CSS 与预期的一样。 ) 感谢任何想法..

CSS 标签：

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

CSS 响应标头（通过“Web Developer”扩展）：

Date: Sat, 21 May 2011 18:52:30 GMT
Content-Length: 9218
Last-Modified: Sat, 21 May 2011 18:40:50 GMT
Server: Apache
ETag: "5ff9-2402-4a3cd93cab080"
Content-Type: text/css
Accept-Ranges: bytes

200 OK

实时页面 - 已删除 - 查看原因的答案。

顺便说一句：本月早些时候 GDT 中的新功能有一个 excellent Google IO session。

【问题讨论】：

奇怪，在 Windows 上的 Chrome 10 中得到证实。我的猜测是它是非标准 CSS 属性之一——例如，如果你删除那些包含单引号的属性会发生什么？ CSS 验证器让他们窒息。（见here）
如果删除 background:url() 图片会怎样？
@Knu @Pekka 刚刚在登台服务器上进行了测试。删除单个“背景图像：url（）；”那里错误地修复了它（它可以很好地处理图标的其他背景图像 url。）您认为值得将其作为 Chromium 中的错误归档吗？
这取决于它是否有效使用空的background-image（添加我的评论作为答案）
@Knu Can't see it would be valid :-) 感谢您发现错误。

标签： css google-chrome

【解决方案1】：

如果删除空的background-image 会发生什么？

【讨论】：

是的，是由这一行引起的：background-image: url();